基本過濾選擇器

選擇器描述返回示例重要

:first	返回第一個元素	單個元素	?	?
:last	返回最后一個元素	單個元素	?	?
:not(selector)	除去與給定選擇器匹配的元素	集合元素	?	☆
:even	偶數元素	集合元素	?	?
:odd	奇數元素	集合元素	?	?
:eq(index)	返回集合中指定索引的元素,索引0開始	單個元素	?	☆
:gt(index)	大于	集合元素	?	?
:lt(index)	小于	集合元素	?	?
:header	所有標題	集合元素	?	?
:animated	正在執行動畫的	集合元素	?	?
:focus	焦點元素	集合元素	?	?

內容過濾選擇器

選擇器描述返回示例重要

:contains(text)	選取含有文本'text'的	集合元素	?	?
:empty	選取不含子元素或不含文本的空元素	集合元素	?	☆
:has(selector)	選取含有選擇器所匹配的元素的元素	集合元素	$("div:has(p)")	☆
:parent	選取含有子元素或者文本的元素,與empty相對	?	?	☆

可見性過濾選擇器

選擇器描述返回示例重要

:hidden	選取所有不可見的元素,1.3對visibility:hidden(不留位置) 管用,1.7之后不管用	集合元素	?	☆
:visible	選取所有可見的元素	集合元素	?	☆

屬性過濾選擇器

選擇器描述返回示例重要

[attr]	選取含有此屬性的元素	集合元素	$(div [data] )	☆
[attr=val]	等于	?	?	?
[attr!=val]	不等于	?	?	?
[attr^=val]	以開始	?	?	?
[attr$=val]	以結束	?	?	?
[attr*=val]	值含有	?	?	?
[attr|=val]	選取屬性等于給定字符串或以字符串為前綴的(如data-形式)	?	$(div[tile|='data']),可以選擇 title="data" 或 title="data-xxx"	☆☆
[attr~=val]	選取用空格分隔的值中包含一個給定值	?	?	☆
[a1][a2]..	復合選擇器	?	?	?

子元素過濾選擇器

選擇器描述返回示例重要

:nth-child(index/even/odd/3n+1),index :1	index,奇偶,還可以是表達式	?	?	?
:first-child	每個父元素的第一個元素,跟:first不一樣	?	?	☆
:last-child	每個父元素的最后一個	?	?	?
:only-child	如果是父元素的唯一一個元素,則匹配	?	?	☆

表單對象屬性過濾選擇器

選擇器描述返回示例重要

:enabled	選取所有可用元素	?	?	?
:disabled	?	?	?	?
:checked	選取所有被選中的單選框或多選框	?	?	☆
:selected	?	?	?	?

表單對象屬性過濾選擇器

選擇器描述返回示例重要

:input	所有的<input>,<textarea>,<select>和<button>	?	?	☆
:text	所有的單行文本	?	?	?
:password	?	?	?	?
:radio	?	?	?	?
:checkbox	?	?	?	?
:submit	包括 image,與button無關	?	?	?
:image	所有的圖像按鈕	?	?	☆
:reset	?	?	?	?
:button	選取所有的按鈕,與submit無關,只選<button>或<input type="button">	?	?	☆
:file	?	?	?	?
:hidden	?	?	?	?

總結

以上是生活随笔為你收集整理的jQueryt过滤选择器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。