選擇器
說明返回值
#idid選擇器
單個元素
element
元素選擇器
同型別集合元素
.class
類選擇器
集合元素
*通配選擇器
所有元素集合
select1,select2,select3
組選擇器
集合元素
選擇器說明
ancestor descendant
包含選擇器
parent > child
子選擇器
prev + next
相鄰選擇器
prev ~ siblings
兄弟選擇器
選擇器說明
:first
匹配找到的第乙個元素
:last
匹配找的的最後乙個元素
:not
去除匹配的元素
:even
匹配索引值為偶數的元素
:odd
匹配索引值為奇數的元素
:eq匹配給定的索引值
:gt匹配大於給定的索引值
:lt匹配小於給定的索引值
:header
匹配如h1,h2,h3之類的標題元素
:animated
匹配所有正在執行動畫效果的元素
選擇器說明
:contains
包含給定文字的元素
:empty
匹配所有不包含子子元素或者文字的空元素
:has
匹配含有給定元素的元素
:parent
匹配含有子元素或者文字的元素
選擇器說明
:hidden
所有不可見元素 或者type為hidden的元素
:visible
所有可見的元素
選擇器說明
:nth-child
匹配器父元素下的第n個元素
:first-child
第乙個子元素
:last-child
匹配最後乙個子元素
only-child
匹配只有乙個子元素的元素
選擇器例項
說明:input
$(":input")
所有 input 元素
:text
$(":text")
所有 type="text" 的 input 元素
:password
$(":password")
所有 type="password" 的 input元素
:radio
$(":radio")
所有 type="radio" 的 input 元素
:checkbox
$(":checkbox")
所有 type="checkbox" 的input 元素
:submit
$(":submit")
所有 type="submit" 的 input 元素
:reset
$(":reset")
所有 type="reset" 的 input 元素
:button
$(":button")
所有 type="button" 的 input 元素
:image
$(":image")
所有 type="image" 的 input 元素
:file
$(":file")
所有 type="file" 的 input 元素
選擇器說明
:enabled
所有可用元素
:disabled
不可用元素
:checked
匹配被選中的元素(單選框、核取方塊)
:selected
所有被選中的option元素
選擇器例項
說明[attribute]
$("[href]")
所有帶有 href 屬性的元素
[attribute=value]
$("[href='#']")
所有 href 屬性的值等於 "#" 的元素
[attribute!=value]
$("[href!='#']")
所有 href 屬性的值不等於 "#" 的元素
所有 href 屬性的值包含以 ".jpg" 結尾的元素
jQuery選擇器之全選擇器( 選擇器)
在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagname 中傳遞 同樣可以獲取到 不難發現...
jQuery選擇器之全選擇器(選擇器)
jquery選擇器之全選擇器 選擇器 在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagna...
jquery選擇器之層次選擇器
層次選擇器中包括 1 ancestor descendant 使用 form input 的形式選中form中的所有input元素.即ancestor 祖先 為from,descendant 子孫 為input.例 bgred div 選擇css類為bgred的元素中的搜有元素。2 parent c...