第71天：jQuery基本選擇器（二）

jQuery選擇器

一、内容過濾選擇器

選擇器	描 述	返 回	示 例
:contains(text)	比對含有文本内容text 的元素	集合元素	$(“p:contains(今天)”)
:empty	比對不含子元素或 文本元素的空元素		$(“p:empty”)
:has(selector)	比對包含selector元素		$(“div:has(span)”)
:parent	比對含有子元素或文本		$(“div:parent”)

二、可見性過濾選擇器

:hidden	比對所有不可見		$(“:hidden”)
:visible	比對所有可見元素		$(“:visible”)

三、屬性過濾選擇器

[attr]	比對擁有此屬性		$(“img[alt]“)
[attr=value]	比對屬性值為value		$(“a[title=test]“)
[attr!=value]	比對屬性值不等于 value的元素		$(“a[title!=test]“)
[attr^=value]	比對屬性值以value 開頭的元素		$(“img[alt^=welcome]“)
[attr$=value]	結尾的元素		$(“img[alt$=last]“)
[attr*=vlaue]	比對屬性值中含有		$(“div[title*=test]“)
[attr1][attr2]…	通過多個屬性 進行比對		$(“div[id][title*=test]“)

四、子元素過濾選擇器

:nth-child	比對每個父元素下的 第index個子元素 索引從1開始		$(“div:nth-child(2)”)
:first-child	比對每個父元素的 第一個子元素		$(“div:first-child”)
:last-child	最後一個子元素		$(“div:last-child”)
: only-child	某元素是它父元素中 的唯一的子元素 則比對它		$(“div:only-child”)

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

:enabled	比對所有可用元素		$(“form :enabled”)
:disabled	比對所有不可用		$(“form :disabled”)
:checked	比對所有被選中的元素 (含單選框，複選框)		$(“input:checked”)
:selected	比對所有被選中的 選項元素		$(“select :selected”)

六、表單選擇器

:input	比對所有input, textarea, select, button元素		$(“input”)
:text	比對所有文本框		$(“:text”)
:password	比對所有密碼框		$(“:password”)
:radio	比對所有單選框		$(“:radio”)
:checkbox	比對所有多選框		$(“:checkbox”)
:submit	比對所有送出按鈕		$(“:submit”)
:image	比對所有圖像按鈕		$(“:image”)
:reset	比對所有重置按鈕		$(“:reset”)
:button	比對所有按鈕		$(“:button”)
:file	比對所有上傳域		$(“:file”)