jquery選擇器大全
選擇器
例項
選取
*$("*")
所有元素
#id$("#lastname")
id="lastname"
的元素.class
$(".intro")
所有class="intro"
的元素element
$("p")
所有元素
.class.class
$(".intro.demo")
所有class="intro"
且class="demo"
的元素:first
$("p:first")
第乙個元素
:last
$("p:last")
最後乙個
元素:even
$("tr:even")
所有偶數
元素:odd
$("tr:odd")
所有奇數
元素:eq(index)
$("ul li:eq(3)")
列表中的第四個元素（
index 從0
開始）:gt(no)
$("ul li:gt(3)")
列出index
大於3
的元素:lt(no)
$("ul li:lt(3)")
列出index
小於3
的元素:not(selector)
$("input:not(:empty)")
所有不為空的
input
元素:header
$(":header")
所有標題元素
- :animated
所有動畫元素
:contains(text)
$(":contains('w3school')")
包含指定字串的所有元素
:empty
$(":empty")
無子（元素）節點的所有元素
:hidden
$("p:hidden")
所有隱藏的
元素:visible
$("table:visible")
所有可見的**
s1,s2,s3
$("th,td,.intro")
所有帶有匹配選擇的元素
[attribute]
$("[href]")
所有帶有
href
屬性的元素
[attribute=value]
$("[href='#']")
所有href
屬性的值等於
"#"
的元素[attribute!=value]
$("[href!='#']")
所有href
屬性的值不等於
"#"
的元素[attribute$=value]
所有href
屬性的值包含以
結尾的元素
:input
$(":input")
所有元素
:text
$(":text")
所有type="text" 的元素
:password
$(":password")
所有type="password" 的元素
:radio
$(":radio")
所有type="radio" 的元素
:checkbox
$(":checkbox")
所有type="checkbox" 的元素
:submit
$(":submit")
所有type="submit" 的元素
:reset
$(":reset")
所有type="reset" 的元素
:button
$(":button")
所有type="button" 的元素
:image
$(":image")
所有type="image" 的元素
:file
$(":file")
所有type="file" 的元素
:enabled
$(":enabled")
所有啟用的
input
元素:disabled
$(":disabled")
所有禁用的
input
元素:selected
$(":selected")
所有被選取的
input
元素:checked
$(":checked")
所有被選中的
input 元素
參閱
JQuery選擇器大全
jquery 的選擇器可謂之強大無比，這裡簡單地總結一下常用的元素查詢方法 myelement 選擇id值等於myelement的元素，id值不能重複在文件中只能有乙個id值是myelement所以得到的是唯一的元素 div 選擇所有的div標籤元素，返回div元素陣列 myclass 選擇使用my...
JQuery選擇器大全
jquery 的選擇器可謂之強大無比，這裡簡單地總結一下常用的元素查詢方法 myelement 選擇id值等於myelement的元素，id值不能重複在文件中只能有乙個id值是myelement所以得到的是唯一的元素 div 選擇所有的div標籤元素，返回div元素陣列 myclass 選擇使用my...
jQuery選擇器大全
在dom 程式設計中我們只能使用有限的函式根據id 或者tagname 獲取dom 物件.然而在jquery 中則完全不同,jquery 提供了異常強大的選擇器用來幫助我們獲取頁面上的物件,並且將物件以jquery 包裝集的形式返回。本文主要對常用的jquery 選擇器進行乙個介紹及歸類。jquer...