jQuery總結 暫時還不全

2022-06-14 18:18:14 字數 2317 閱讀 2897

找標籤

jquery找標籤和css找標籤的方式有些類似

$("a,#d1") 找到a標籤和id為d1的標籤,相當於css選擇器的組合選擇器

$("form input") 找到form標籤中的所有input標籤

$("form>input") 找到包裹在form標籤中的input標籤

$("label+input") 找到緊挨在label標籤後面的input標籤

$("label~input") 找到label標籤同級的input標籤(兄弟標籤)

jquery物件和dom物件的相互轉換 jquery物件儲存到變數的時候,一般變數名字前面加$符號

var d1element=document.getelementbyid("d1") //找到id為d1的標籤

var $d1element=jquery(d1element) //dom物件轉換成jquery物件

var d1element=$d1element[0] ////jquery物件轉換成dom物件

篩選器$("ul li:first") //找到ul標籤下的第乙個li標籤

$("ul li:last") //找到ul標籤下的最後乙個li標籤

$("ul li:eq(3)") //找到ul標籤下索引為3的li標籤

$("ul li:even") //找到ul標籤下索引為奇數的li標籤

$("ul li:odd") //找到ul標籤下索引為偶數的li標籤

$("ul li:gt(3)") //找到ul標籤下索引大於3的li標籤

$("ul li:lt(3)") //找到ul標籤下索引小於3的li標籤

$("#d2 p:not(.c2)") //在id為d2的標籤內找到所有不含c2屬性的p標籤

$("#d2 p:has(a)") //在id為d2的標籤內找到所有包含a標籤的p標籤

$("#d1").prev() //id為d1標籤的上乙個標籤

$("#d1").prevall() //id為d1標籤的上面所有標籤

$("#d1").prevuntil("#i3") //id為d1標籤的上面所有標籤,直到找到id為i3的標籤停止尋找

$("#d1").next() //id為d1標籤的下乙個標籤

$("#d1").nextall() //id為d1標籤的下面所有標籤

$("#d1").nextuntil("#i3") //id為d1標籤的下面所有標籤,直到找到id為i3的標籤停止尋找

$("#d1").parent().parent() //id為d1標籤的父標籤的父標籤,(鏈式查詢)

$("#d1").parents() //id為d1標籤的所有父輩標籤,(一直向上找到html標籤)

$("#d1").children() //兒子們

$("#d1").siblings() //兄弟們

$("#d1").find("p") //id為d1標籤裡面的p標籤

屬性選擇器

$("input[name='hobby']") // 找到name屬性等於hobby的input框

表單常用篩選

$(":text") // 找到type=text的input框

......

$(":text") // 找到type=button的input框

$(":disabled") // 找到含有disabled的input框

$(":checked") // 找到已被選中的checkbox框

jquery操作樣式類

$("d1").addclass("c1") 為id為d1的標籤新增c1屬性

$("d1").removeclass("c1") 為id為d1的標籤刪除c1屬性

$("d1").hasclass("c1") 判斷id為d1的標籤是否有c1屬性(返回true和false)

$("d1").toggleclass("c1") 判斷id為d1的標籤是否有c1屬性,有就刪除,沒有就新增

$('#id').parents(); 父節點

parent() 方法返回被選元素的直接父元素。

parents() 方法返回被選元素的所有祖先元素,它一路向上直到文件的根元素 ()。

$('#id').children(); 子節點

$('#id').siblings(); 所有的兄弟節點

$('#id').prev(); 前乙個兄弟節點

$('#id').prevaall(); 之前所有的兄弟節點

$('#id').next(); 之後第乙個兄弟節點

$('#id').nextall(); 之後所有的兄弟節點

你還不會建立jQuery外掛程式 ?

如何建立乙個jquery外掛程式 為什麼要建立jquery外掛程式 因為這樣 可以復用。我們有這樣乙個頁面,頁面上面有如下的文字 看原始碼 我們想要的效果是,當滑鼠移到鏈結的時候,用乙個浮動的div來顯示a標籤的title內容.這是通過js來完成的。假設有乙個方法tooltip 你只需要呼叫這個方法...

UGUI優化不全總結

overdraw和wireframe兩個渲染模式可以檢視填充率 ui也是網格,乙個網格的資料將等待gpu呼叫介面繪製乙個drawcall 半透明從後向前渲染,半透明渲染兩次容易造成填充率問題 盡量不要用setactive方法 text的頂點多 材質和精靈一樣可以合批 framedebug視窗顯示渲染...

常用模組 自己總結,不全

collections模組 python中的擴充套件資料型別 namedtuple 命名元組 point namedtuple point x y p1 point 1,2 得到 point x 1,y 2 print p1 得到 1 print p1.y 得到 2 queue模組 佇列,先進先出 ...