jQuery 選擇器

---

jQuery 選擇器

請使用我們的 jQuery 選擇器偵測器 來示範不同的選擇器。

##$("p:last-child")屬於其父元素的最後一個子元素的所有<p> 元素#:last-of-type#$("p: last-of-type")屬於其父元素的最後一個<p> 元素的所有<p> 元素:nth-child($("p:nth-child(2)")#屬於其父元素的第二個子元素的所有<p> 元素:nth-last-child(#$("p:nth-last-child(2)")屬於其父元素的第二個子元素的所有<p> 元素，從最後一個子元素開始計數:nth-of-type($("p:nth-of-type(2)")#屬於其父元素的第二個<p> 元素的所有<p> 元素:nth-last-of-type($("p:nth-last-of-type(2) ")屬於其父元素的第二個<p> 元素的所有<p> 元素，從最後一個子元素開始計數:only -child$("p:only-child")屬於其父元素的唯一子元素的所有<p> 元素:only-of-type$("p:only-of-type")#屬於其父元素的特定類型的唯一子元素的所有<p> 元素#parent > child$("div > p")<div> 元素的直接子元素的所有<p> 元素parent descendant$("div p")<div> 元素的後代的所有<p> 元素element + next$("div + p")每個<div> 元素相鄰的下一個<p> 元素element ~ siblings$("div ~ p")<div> 元素同級的所有<p> 元素#:eq($("ul li :eq(3)")清單中的第四個元素（index 值從0 開始）:gt($("ul li:gt(3)")列舉index 大於3 的元素:lt($("ul li:lt(3)")列舉index 小於3 的元素:not($("input:not(:empty)")#所有不為空的輸入元素## ##:empty$(":empty")所有空元素:parent#$(": parent")所有是另一個元素的父元素的元素#:hidden$("p:hidden"):visible$("table:visible")所有可見的表格:root$(":root")#文件的根元素:lang ()$("p:lang(de)")所有以"de" 開頭的lang 屬性值的<p> 元素  [#[=value ][!=value]$=] #$("[href$='.jpg']")###所有帶有href 屬性且值以".jpg" 結尾的元素############[# ##attribute###|=###value###]######$("[title|='Tomorrow']")######所有帶有title 屬性且值等於' Tomorrow' 或以'Tomorrow' 後面跟著連接符號作為開頭的字串#############[###attribute###^=###value###]####################################################### #$("[title^='Tom']")######所有帶有title 屬性且值以"Tom" 開頭的元素############[### attribute###~=###value###]######$("[title~='hello']")######所有帶有title 屬性且值包含單字"hello " 的元素############[###attribute*###=###value###]#####$("[title*='hello'] ")######所有帶有title 屬性且值包含字串"hello" 的元素############[###name###=###value## #][###name2###=###value2###]######$( "input[id][name$='man']" )######帶有id 屬性，且name 屬性以man 結尾的輸入框########$(":input") #所有input 元素所有帶有type="text" 的input 元素所有有type="password" 的input 元素所有帶有type="radio" 的input 元素所有帶有type="checkbox" 的input 元素所有有type="submit" 的input 元素##$(":reset" )所有有type="reset" 的input 元素:button$(":button")所有帶有type="button" 的input 元素:image$(":image")所有帶有type= "image" 的input 元素:file$(":file")所有帶有type="file" 的input 元素:enabled$(":enabled")所有啟用的元素:checked.selector

選擇器	實例	選取
*	$(" *")	所有元素
#id	$("#lastname")	# id="lastname" 的元素
.class	#$(".intro")	class="intro " 的所有元素
.class,.class	$(".intro,.demo")	class 為"intro" 或"demo" 的所有元素
#element	$("p")	所有<p> 元素
el1,el2,el3	#$("h1,div,p")	所有<h1>、<div> 和<p> 元素
:first	$("p:first")	第一個<p> 元素
:last	#$("p:last")	最後一個<p> 元素
:even	$("tr:even")	#所有偶數<tr> 元素，索引值從0 開始，第一個元素是偶數(0)，第二個元素是奇數(1)，以此類推。
:odd	$("tr:odd")	所有奇數<tr> 元素，索引值從0 開始，第一個元素是偶數(0)，第二個元素是奇數(1)，以此類推。
		#
:first-child	$("p:first-child")	屬於其父元素的第一個子元素的所有<p> 元素
:first-of-type	$("p:first-of-type")	屬於其父元素的第一個<p> 元素的所有<p> 元素
#:last-child
n)
n)
n)
n)
index)
no)
no)
selector)
:header	$(":header")	所有標題元素<h1>, <h2> ...
:animated	$(":animated")	所有動畫元素
:focus	$(":focus")	目前具有焦點的元素
#:contains(text)	$(":contains('Hello')")	所有包含文字"Hello" 的元素
:has(selector)	$("div:has(p)")	所有包含<p> 元素在內的<div> 元素
所有隱藏的<p> 元素
	language
attribute]
#$("[href]")所有帶有href 屬性的元素		attribute
$("[href='default.htm']")所有帶有href 屬性且值等於"default.htm" 的元素		attribute
#$("[href!='default.htm']")所有帶有href 屬性且值不等於"default.htm" 的元素#[attribute	value
#:input
	:text	$(":text")
	:password	$(":password")
	:radio	$(":radio")
	:checkbox	$(":checkbox")
	:submit	# $(":submit")
	:reset
##: disabled	$(":disabled")	所有已停用的元素
:selected	$(":selected" )	所有選定的下拉清單元素
$(":checked")	所有選取的複選框選項

$(selector).selector