jQuery 選擇器總結(jié)

jQuery Selectors

Basics

$('code')
$('#myid')
$('.myclass')
$('*')
$('code, #myid, .myclass')

Hierarchy

$('div code')
$('li > ul')
$('strong + em') /后面一個(gè)/
$('strong ~ em') /后面的/

Basic Filters

$('li:first')
$('li:last')
$('li:not(li:first)')
$('li:even')
$('li:odd')
$('li:eq(1)')
$('li:gt(2)')
$('li:lt(2)')
$(':header')
$(':animated')

Content Filters

$('li:contains(second-level)')
$(':empty')
$('li:has(a)')
$('p:parent')

Visibility Filters

$(':hidden') //display none
$(':visible') //display not none

Attribute Filters

$('li[class]')
$('a[xxx="self"]')
$('a[rel!="nofollow"]')
$('[class^="my"]')
$('[class$="my"]')
$('a[href*="zip"]')
$('a[rel][href][title="blog"]')

Child Filters

$('li:first-child')
$('li:last-child')
$('li:nth-child(even)')
$('li:nth-child(odd)')
$('li:nth-child(2)')
$('li:nth-child(2n)')
$('code:only-child')

Forms

$(':input')
$(':text')
$(':password')
$(':radio')
$(':checkbox')
$(':submit')
$(':image')
$(':reset')
$(':button')
$(':file')

Form Filters

$('input:enabled')
$(':disabled')
$(':checked')
$(':selected')

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • jQuery 的選擇器可謂之強(qiáng)大無比,這里簡單地總結(jié)一下常用的元素查找方法 $("#myELement") 選擇...
    web蝸牛閱讀 343評論 0 0
  • 幾乎使用 jQuery 方法的時(shí)候,第一件事就是選擇將要被操作的頁面元素,恰好 jQuery 提供了強(qiáng)大的選擇器語...
    Paranoid_K閱讀 368評論 0 0
  • jQuery很強(qiáng)大,一部分原因是強(qiáng)大在選擇器上。。。它能夠很輕易地拿到 HTML 元素組或單個(gè)元素,然后進(jìn)行各種進(jìn)...
    Ke_Wang閱讀 472評論 0 6
  • 本篇文章轉(zhuǎn)載過來的,收藏了。原文
    ResearchWorld閱讀 152評論 0 0
  • ⊙第一把鑰匙 你的責(zé)任就是你的方向, 你的經(jīng)歷就是你的資本, 你的性格就是你的命運(yùn)。 ⊙第二把鑰匙: 復(fù)雜的事...
    zy張燕閱讀 483評論 0 4

友情鏈接更多精彩內(nèi)容