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）。

 

jQuery 過濾選取器