tft每日頭條

 > 生活

 > jquery裡面的幾種選擇器

jquery裡面的幾種選擇器

生活 更新时间:2024-12-22 01:13:05

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标簽

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved