jQuery的12種選擇器
阿新 • • 發佈:2018-02-04
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種選擇器