jQuery過濾選擇器

1、基本過濾選擇器
此項選擇器搭配基本選擇器可以講佔到實際選擇器應用的90%以上(可由document.getElementById及節點nodeChilds得知)

:first//(選取第一個元素)
:last//(選取最後一個元素)
:even//(選取索引是偶數的所有元素)
:odd//(選取索引是奇數的所有元素)
:eq(index)//(選取索引等於index的元素)
:gt(index)//(選取索引大於index的元素)
:lt(index)//(選取索引小於index的元素)
:header//(選取所有的h1,h2,h3等標題元素)
:animated//(選取當前正在執行動畫的所有元素)

2、內容過濾選擇器

:contains(text)//選取含有文本內容爲text的元素
:empty//選取不包含子元素或者文本的空元素
:has(selector)//選取含有選擇器所有匹配的元素的元素
:parent//選取含有子元素或者文本的元素

3、可見性過濾選擇器
對於<input type="hidden"?/>不要考慮對其應用任何css屬性。That's no way。

:hidden//選取所有不可見的元素(包括<input type="hidden" />、<div style="display:none">和<div style="visibility:hidden;">;若只選取<input type="hidden" />使用$("input:hidden")
:visible//選取所有可見元素

4、屬性選擇過濾器
在ie6中對css的屬性過濾選擇器不起作用,而jQuery的屬性選擇過濾器經測試後在ie6中有效。(6.0之前不起作用)想要了解^ $ *可參考相關正則表達式資料。

[attribute]//選取擁有此屬性的元素
[attribute=value]//選取屬性的值爲value的元素
[attribute!=value]//選取屬性的值不爲value的元素
[attribute^=value]//選取屬性的值以value開始的元素
[attribute$=value]//選取屬性的值以value結束的元素
[attribute*=value]//選取屬性的含有value的元素
[selector1][selector2][selectorN]//屬性選擇器合併成一個複合屬性選擇器,注意此處爲屬性選擇器的並集,如$("div[id][class$='Bar']"

5、子元素選擇過濾器
同上面的屬性選擇器一樣,原先的css規則對ie6不起作用,經過jQuery可以選定該類元素。

:nth-child(index/even/odd/equation)//選取第index個子元素或者奇偶元素
:first-child//選取每個父元素的第一個元素(返回整個文檔中每個元素的第一個子元素),如$("ul li:first-child");選擇每個<ul>中第1個元素
:last-child//選取每個父元素的最後一個元素
:only-child//若某子元素是其父元素中惟一的子元素,將會被匹配

6、表單對象屬性過濾選擇器

:enabled//選擇所有可用元素,例$("#form1:enabled")
:disabled//選取所有不可用元素
:checked//選取所有被選中元素(checkbox,radio)
:selected//選取所有被選中元素(下拉列表)

7、表單選擇器

:input
:text
:password
:radio
:checkbox
:submit
:image
:reset
:button
:file
:hidden

發佈了40 篇原創文章 · 獲贊 9 · 訪問量 12萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章