選擇器
例項選取
*$("*")
所有元素
#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 屬性的值不等於 "#" 的元素
所有 href 屬性的值包含以 ".jpg" 結尾的元素
: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選擇器大全參考
在dom 程式設計中我們只能使用有限的函式根據id 或者tagname 獲取dom 物件.然而在jquery 中則完全不同,jquery 提供了異常強大的選擇器用來幫助我們獲取頁面上的物件,並且將物件以jquery 包裝集的形式返回。本文主要對常用的jquery 選擇器進行乙個介紹及歸類。jquer...
jQuery 參考手冊 選擇器
選擇器 例項選取 所有元素 id lastname id lastname 的元素 class intro 所有 class intro 的元素 element p 所有 元素 class.class intro.demo 所有 class intro 且 class demo 的元素 first ...
jQuery 參考手冊 選擇器
選擇器例項選取 所有元素 id lastname id lastname 的元素 class intro 所有 class intro 的元素 element p 所有 元素 class.class intro.demo 所有 class intro 且 class demo 的元素 first p...