jQuery 過濾選擇器


 

jQuery 選擇器(一)

 

1.ID選擇器
根據控件ID獲取jQeruy,相當於javascript的getelementById。
使用方法:$("#myid"),獲取ID等於myid的jquery對象。

2.標簽選擇器
使用標簽名稱獲取jQuery,相當於javascript的getElementsByTagName_r()。
使用方法:$("p"),獲取所有p標簽。
3.class選擇器
class為元素的定義樣式,根據class名稱獲取jquery對象。
如:$(".btn"),獲取頁面中所有使用了class為btn的標簽。

4.多條件選擇器
根據多個條件一次性選擇多種標簽。
使用方法:$("p,div,span.menuitem") 獲取標簽p,div和css名稱為menuitem的span 標簽。

5.層次選擇器
1).$("div li"),獲取div標簽內部的所有li元素。
2).$("dvi > li"),獲取div標簽的li子元素。
3).$(".menuitem + div"),獲取css名稱為menuitem之后的第一個div元素。
4).$(".menuitem ~ div"),獲取css名稱為menuitem之后的所有div元素。

 

jQuery 選擇器(二)

1.next()方法
1).$("#mydiv").next(),獲取id為mydiv元素的下一個同輩元素。
2).$("#mydiv").next("div"),獲取id為mydiv元素緊跟后面的div元素。
3).$("#mydiv").nextAll(),獲取id為mydiv元素的所有同輩元素。
4).$("#mydiv").nextAll("div"),獲取id為mydiv元素的所有是div的同輩元素。

2.siblings()方法
1).$(this).siblings(),獲取除了自己以外的所有同級標簽。
2).#(this).siblings("div"),獲取除了自己以外的所有同級的div標簽。

 

jquery過濾選擇器 選擇器(三)

1.first
$("div:first"),選擇第一個選擇器。
2.last
$("div:last"),選擇最后一個選擇器。
3.not
$("div:not(.line)"),選擇除了css等於line的div元素。
4.even
$("div:even"),選取所有div元素索引為奇數的div元素。
5.odd
$("div:odd"),選擇所有div元素索引為偶數的div元素。
6.eq、gt、lt
$("div:eq(5)"),選擇所有div中索引等於5的div元素,
$("div:gt(5)"),選擇所有div中索引大於5的div元素,
$("div:lt(5)"),選擇所有div中索引小於5的div元素。
注意:gt和lt組合使用時:$("div:gt(3):lt(3)")的選擇結果是首先獲取div中索引大於3的div,然后再在索引大於3的結果集中獲取索引值小於2的div。

7.animated
$("div:animated")選擇所有div中正在執行動畫效果的div元素。

 

jQuery 選擇器(四)

1.屬性選擇器
根據標簽的屬性獲取對象。
如:
1).$("div[id]"),獲取div中包含ID屬性的div.
2).$("div[id=content]"),獲取div中ID屬性為content的div.
3).$("div[id!=content]"),獲取div中ID屬性不是content的div.
4).$("div[id^=aa]"),獲取div中ID屬性值以aa開頭的div.
5).$("div[id$=aa]"),獲取div中ID屬性值以aa結尾的div.
6).$("div[id*=aa]"),獲取div中ID屬性值包含aa的div.

2.表單選擇器
1).$("#from:enabled"),選擇id為form的表單內所有啟用的元素。
2).$("#from:disabled"),選擇id為from的表單內所有禁用元素。
3).$("input:checked"),選擇所有選中的元素。
4).$("select:selected"),選擇所有選中的元素(下拉列表或listbox)。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM