jquery裡面的幾種選擇器-tft每日頭條

1、#id : 根據給定的ID匹配一個元素

jquery裡面的幾種選擇器（jQuery的12種選擇器）1

顯示（用加粗的代替顔色）：

這是第一個p标簽

這是第一個p标簽

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

jquery裡面的幾種選擇器（jQuery的12種選擇器）2

顯示：

這是p标簽

這是div标簽

3、多選擇器selector1,selector2,selectorN : 指定任意多個選擇器，并将匹配到的元素合并到一個結果内

jquery裡面的幾種選擇器（jQuery的12種選擇器）3

顯示：

這是第一個p标簽

這是第二個p标簽

這是第一個div标簽

顯示：

這是第一個span标簽

這是第二個span标簽

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

jquery裡面的幾種選擇器（jQuery的12種選擇器）4

顯示：

這是第一個p标簽

這是第二個p标簽

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

jquery裡面的幾種選擇器（jQuery的12種選擇器）5

顯示：

這是第一個p标簽

這是第二個p标簽

這是第三個p标簽

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

jquery裡面的幾種選擇器（jQuery的12種選擇器）6

顯示：

這是第一個p标簽

這是第二個p标簽

這是第三個p标簽

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

jquery裡面的幾種選擇器（jQuery的12種選擇器）7

顯示：

這是第一個p标簽

這是第二個p标簽

這是第三個p标簽

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

jquery裡面的幾種選擇器（jQuery的12種選擇器）8

顯示：

這是索引值為0的p标簽

這是索引值為1的p标簽

這是索引值為2的p标簽

這是索引值為3的p标簽

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

jquery裡面的幾種選擇器（jQuery的12種選擇器）9

顯示：

這是索引值為0的p标簽

這是索引值為1的p标簽

這是索引值為2的p标簽

這是索引值為3的p标簽

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

jquery裡面的幾種選擇器（jQuery的12種選擇器）10

顯示：

這是第一個p标簽

這是第二個p标簽

這是第三個p标簽

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

jquery裡面的幾種選擇器（jQuery的12種選擇器）11

顯示：

這是索引值為0的p标簽

這是索引值為1的p标簽

這是索引值為2的p标簽