JQuery選擇器有哪幾種

基本過濾選擇器##$(“ li:not(.active)”)選取除了.active以外的元素$(“p:hidden”)$(“p:visible”)$(“:target”)#$(“p:anmated”)##$ (“:text”)選取所有type為text的欄位或type沒有屬性的##:password :reset:button:checkbox

選擇器	#實例	解釋
		*
$(*)	#選取所有元素	id
$(“#a”)	選取id=a的元素	.class
$(“.b”)	選取class=b的元素	element
#$(“p”)	所有 元素	.class.class
$(“.a.b”) 選取所有class=a且class=b的元素
		:first
#$(“p:first”)	選取第一個p元素	:last
$(“p:last”)	選取最後一個p元素	#:odd
$(“p :odd”)	選取所有奇數位元上的p元素	:even
$(“p:even”)	選取所有偶數位元上的p元素	:ep(n)
$(“p:eq(n)”)	選取第n位元p元素（index從0開始）	:gt(n)
#$(“li:gt(n)”)	選取第n位元之前的所有li元素（不包含第n位元）	:lt(n )
$(“li:lt(n)”)	#選取第n位元之後的所有li元素（不包含第n位元）	:root
#$(“p:root”)	#選取p的根元素（不寫標籤時代表選取全域的根元素）	:header()
$(“p:header)	選取P標籤裡的所有標題（不寫標籤時代表選取全域的標題）	:lang
$(“p:lang(language)”)	#給P標籤選取指定的語言（不寫標籤時代表選取全域的標題）	#:not
		##:hidden
#隱藏所有P標籤		:visible
#顯示所有p標籤		:target
選取所有目標狀態的元素		:anmated
取得正在運行的動畫 ###############子元素過濾器######
:first-child	#$("p p:first-last")		選取p裡第一個標籤為P的子元素
#:last-child	$ (“p p:last-child”)		選取p裡最後一個為標籤p的子元素（不限位置）
##:first-of-type	$(“p p:first-of-type”)		取得p裡出現的第一個p標籤（不限位置）
:last-of-type	$( “p p:last-of-type”)		取得p裡最後出現的p標籤（不限位置）
:nth-child(n)	$(“p p:nth-child(2)”)		取得p裡第二個p標籤（下標從1開始）
:nth-of-type(n)	$(“p p:nth-of-type(2)”)		取得p裡第二個出現的p標籤（下標從0開始）
:nth-last-of-type(n)	#$("p p:nth-last-of-type(n )”)		取得p裡倒數第幾個出現的p標籤
:only-child	$(“p p:only-child”)		#取得p裡唯一一個子元素p
:only-of-type	$(“p p:only-of-type”)		取得同儕p裡唯一一個標籤為p的標籤
:only-of-type(even/odd)	$(“p p:only-of-type(even/odd)”)		#取得p裡所有為奇數或偶數的P標籤（下標從1開始）
內容過濾器
:contains()	$(“p:contains(123)”)		#取得p標籤裡所有包含「123」的標籤
#:empty	$(“p:empty”)		取得p標籤裡沒有內容的所有元素（空格也算內容）
:has()	$(“p: has(P)”)		取得所有含有p標籤的p
:parent	$(“p:parent”)		取得所有元素中柚子元素的p（包含文字節點）
表單選擇器
#:text
$(“：password”)	#選擇所有type為password的
$(“:reset”)	選擇所有type為reset(重設)的
#$(“:button”)	##選擇所有type為button(按鈕)的
##$(“:checkbox”)	選擇所有type為checkbox(多選)的		:radio
$(“:radio”)	選擇所有type為radio(單選)的		:file
$(“:file”)	#選擇所有上傳網域		:image	$(“:image”)		選擇所有圖片按鈕
:input	$(“:input”)		#選取所有input、textarea、select、button元素
#:enabled	$(“:enabled”)		選取所有可用的input
:disabled	#$(“:disabled”)		選擇所有不可用的input
:select	$(“:select”)		被選取狀態的option元素
#:checked	$(“:checked ”)		被選取狀態的input元素（有checked的）
:focus	$(“:focus”)		選取頁面進去就有焦點的input

#

以上是JQuery選擇器有哪幾種的詳細內容。更多資訊請關注PHP中文網其他相關文章！