常用jQuery選擇器有哪些
本篇內(nèi)容介紹了“常用jQuery選擇器有哪些”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！
我們提供的服務(wù)有：網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、正定ssl等。為上1000+企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的正定網(wǎng)站制作公司
jQuery 提供了高級(jí)選擇器的方法。
js獲取元素的三個(gè)基本方法分別是通過(guò)標(biāo)簽名，類(lèi)名和id，即(getElementsByTagName, getElementsByClassName和getElementById)。那么jQuery是如何獲取呢?
通過(guò)標(biāo)簽獲?。?('tag')
通過(guò)類(lèi)名獲?。?('.className')
通過(guò)id獲取：$('#id')
除了上面?zhèn)€三個(gè)最基本最簡(jiǎn)單的，還有下面幾個(gè)css選擇器：
$('*') 選擇所有元素
$('tagA tagB') 選擇作為tagA后代的tagB元素
$('tagA, tagB, tagC') 選擇所有tagA元素，tagB元素和tagC元素
$('tag#id') 選擇ID為id的tag元素
$('tag.className') 選擇類(lèi)名為className的tag元素jQuery支持下列css2.1屬性選擇器：
$('tag[attr]') 選擇所有帶有attr屬性的tag元素
$('tag[attr*=value]') 選擇所有attr屬性值中包含字符串value的tag元素
$('tag[attr=value]') 選擇所有attr屬性值等于value的tag元素
$('tag[attr!=value]') 選擇所有attr屬性值不等于value的tag元素
$('tag[attr^=value]') 選擇所有attr屬性值以value開(kāi)頭的tag元素
$('tag[attr$=value]') 選擇所有attr屬性值以value結(jié)尾的tag元素
$('tag[attr~=value]') 選擇所有attr屬性值 為空格分割的多個(gè)字符串且其中一個(gè)字符串等于value 的tag元素
$('tag[attr|=value]') 選擇所有attr屬性值 為連字符分割的字符串切該字符串以value開(kāi)頭的tag元素
子選擇器，同輩選擇器：
$('tagA > tagB') 選擇作為tagA元素子元素的所有tagB元素
$('tagA + tagB') 選擇緊鄰tagA元素且位于其后的tagB元素
$('tagA ~ tagB') 選擇作為tagA同輩元素且位于其后的所有tagB元素偽類(lèi)，偽元素選擇器：
$('tag: root') 選擇作為文檔根元素的tag元素
$('tag: nth-child(n)') 選擇作為其父元素正數(shù)第n個(gè)元素的所有tag元素
$('tag: nth-last-child(n)') 選擇作為其父元素倒數(shù) 第n個(gè)元素的所有tag元素
$('tag: nth-of-type(n)') 選擇幾個(gè)同輩tag元素中的正數(shù)第n個(gè)
$('tag: nth-last-f-type(n)') 選擇幾個(gè)同輩tag元素中的倒數(shù)第n個(gè)
$('tag: first-child') 選擇作為其父元素第一個(gè)子元素的tag元素
$('tag: last-child') 選擇作為其父元素第一個(gè)子元素的tag元素
$('tag: first-of-type') 選擇作為同輩tag元素中的第一個(gè)
$('tag: last-of-type') 選擇作為同輩tag元素中的最后一個(gè)
$('tag: only-child') 選擇作為其父元素唯一子元素的tag元素
$('tag: only-of-type') 選擇作為同輩元素中唯一一個(gè)標(biāo)簽為tag的元素
$('tag: empty') 選擇所有沒(méi)有子元素的tag元素
$('tag: enabled') 選擇界面元素中所有已經(jīng)啟用的tag元素
$('tag: disabled') 選擇界面元素中所有已經(jīng)禁用的tag元素
$('tag: checked') 選擇界面元素中所有已經(jīng)被選中的tag元素(如：復(fù)選框，單選按鈕)
$('tag: not(s)') 選擇與選擇器s不匹配的所有tag元素其他專有選擇器:
$('tag: even') 選擇匹配元素集 中偶數(shù)序號(hào)的元素（適合突出顯示表格行）
$('tag: odd') 選擇匹配元素集 中奇數(shù)序號(hào)的元素
$('tag: eq(0)'), $('tag: nth(0)') 選擇匹配元素 集中的第一個(gè)元素，如頁(yè)面的第一個(gè)段落
$('tag: gt(n)') 選擇匹配元素集 中索引值大于n的所有元素
$('tag: lt(n)') 選擇匹配元素集 中索引值小于n的所有元素
$('tag: first') 選擇匹配元素集 中的第一個(gè)元素, 等價(jià)于eq(0)
$('tag: last') 選擇匹配元素集 中的最后一個(gè)元素
$('tag: parent') 選擇匹配元素集 中包含子元素(文本節(jié)點(diǎn)也算)的所有元素
$('tag: contains('test')') 選擇匹配元素集 中包含指定文本的所有元素
$('tag: visible') 選擇匹配元素集 中所有可見(jiàn)的元素(包括display屬性為block和inline,visibility屬性為visible以及type屬性不是hidden的表單元素)
$('tag: hidden') 選擇匹配元素集 中所有隱藏的元素(包括display屬性為none, visibility屬性為hidden以及type屬性為hidden的表單元素)一些專門(mén)為表單設(shè)計(jì)的表達(dá)式，用于快速訪問(wèn)表單元素:
:input 選擇表單中的所有元素 :text 選擇所有文本字段 :password 選擇所有密碼字段 :radio 選擇所有單選按鈕 :checkbox 選擇所有復(fù)選框 :submit 選擇所有提交按鈕 :image 選擇所有表單圖像 :reset 選擇所有重置按鈕 :button 選擇所有其他按鈕
“常用jQuery選擇器有哪些”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！
網(wǎng)頁(yè)名稱：常用jQuery選擇器有哪些
文章來(lái)源：http://m.jiaotiyi.com/article/pdhgsj.html