tft每日頭條

 > 生活

 > jquery的多種選擇器

jquery的多種選擇器

生活 更新时间:2025-01-28 03:49:20

jquery的多種選擇器?jQuery的選擇器可以讓我們很方便的操作獲取元素,那麼本文介紹的是jQuery選擇器的幾種選擇器,希望對大家有幫助謝謝,現在小編就來說說關于jquery的多種選擇器?下面内容希望能幫助到你,我們來一起看看吧!

jquery的多種選擇器(JQuery選擇器上)1

jquery的多種選擇器

jQuery的選擇器可以讓我們很方便的操作獲取元素,那麼本文介紹的是jQuery選擇器的幾種選擇器,希望對大家有幫助!謝謝!

1.基本選擇器(3種):

$("标簽名"),如$("p")是選取了所有的p标簽節點

$("#id名"),如$("#test")是選取了id為test的标簽節點

$(".class名"),如$(".test")是選取了所有class為test的标簽節點

上面的$("标簽名")和$(".class名")返回的都是所有滿足的節點,至于進一步篩選可以添加一些函數,如eq,gt,lt等等.

2.組選擇器:

下面還是現做一個約定:把"标簽名或#id名或.class名"記作mix,則mix表示一個标簽名,或一個#id或一個.class.

$("mix,mix,mix,..."),如:$("div,#test1,p,.test2,#test3")

3.後代選擇器:

$("mix mix"),當然可以是多個嵌套,但後代選擇器可以是深層子代,所以$("mix mix mix ...")這種寫法作用不大.例子:$("div .test"):在div标簽内的所有具有test的class的後代元素(就是被div嵌套的class屬性為test的标簽)

可以見DEMO。

4.子選擇器:

$("mix>mix"),這個放在後代選擇器後面是為了和它做對比.子選擇器隻能選擇第一代子代.不處理深層嵌套.例子:

$("div>.test")

<div><p class="test"></p></div>對這裡的p段落标簽有效.但對

<div><p><p class="test"></p></p></div>對這裡的p段落标簽無效,這裡要用

$("div .test)

,

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

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

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