jquery的多種選擇器?jQuery的選擇器可以讓我們很方便的操作獲取元素,那麼本文介紹的是jQuery選擇器的幾種選擇器,希望對大家有幫助謝謝,現在小編就來說說關于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每日頭條,我们将持续为您更新最新资讯!