1. 程式人生 > >jQuery的12種選擇器

jQuery的12種選擇器

post pri 多個 index pmt nbsp 偶數 p標簽 dsr

jQuery的12種選擇器 1、#id : 根據給定的ID匹配一個元素 技術分享圖片

顯示(用加粗的代替顏色):

這是第一個p標簽

2、* : 匹配所有元素,多用於結合上下文來搜索

技術分享圖片

顯示 :

這是p標簽

這是div標簽

3、多選擇器selector1,selector2,selectorN : 指定任意多個選擇器,並將匹配到的元素合並到一個結果內

技術分享圖片

顯示:

這是第二個p標簽

這是第一個div標簽

這是第二個div標簽

4、ancestor descendant : 在給定的祖先元素下匹配所有的後代元素

技術分享圖片

這是第一個span標簽

這是第二個span標簽

5、prev + next : 匹配所有緊接在 prev 元素後的 next 元素

技術分享圖片

6、prev ~ siblings : 匹配 prev 元素之後的所有 siblings 同輩元素

技術分享圖片

這是第三個p標簽

7、:first : 獲取第一個元素

技術分享圖片

8、:not(selector) : 去除所有與給定選擇器匹配的元素

技術分享圖片

9、:even : 匹配所有索引值為偶數的元素,從 0 開始計數

技術分享圖片

這是索引值為0的p標簽

這是索引值為1的p標簽

這是索引值為2的p標簽

這是索引值為3的p標簽

10、:odd : 匹配所有索引值為奇數的元素,從 0 開始計數

技術分享圖片

11、:last() : 獲取最後個元素

技術分享圖片

12、:gt(index) : 匹配所有大於給定索引值的元素

技術分享圖片

jQuery的12種選擇器