本篇內(nèi)容介紹了“常用jQuery選擇器有哪些”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

成都創(chuàng)新互聯(lián)公司憑借專業(yè)的設(shè)計團(tuán)隊扎實的技術(shù)支持、優(yōu)質(zhì)高效的服務(wù)意識和豐厚的資源優(yōu)勢，提供專業(yè)的網(wǎng)站策劃、成都做網(wǎng)站、成都網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、軟件開發(fā)、網(wǎng)站改版等服務(wù)，在成都十載的網(wǎng)站建設(shè)設(shè)計經(jīng)驗，為成都成百上千中小型企業(yè)策劃設(shè)計了網(wǎng)站。

jQuery 提供了高級選擇器的方法。

js獲取元素的三個基本方法分別是通過標(biāo)簽名，類名和id，即(getElementsByTagName, getElementsByClassName和getElementById)。那么jQuery是如何獲取呢?

1. 通過標(biāo)簽獲取：$('tag')

2. 通過類名獲取：$('.className')

3. 通過id獲取：$('#id')

除了上面?zhèn)€三個最基本最簡單的，還有下面幾個css選擇器：

$('*')  選擇所有元素
$('tagA tagB')  選擇作為tagA后代的tagB元素
$('tagA, tagB, tagC')  選擇所有tagA元素，tagB元素和tagC元素
$('tag#id')  選擇ID為id的tag元素
$('tag.className')  選擇類名為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開頭的tag元素
$('tag[attr$=value]')  選擇所有attr屬性值以value結(jié)尾的tag元素

$('tag[attr~=value]')  選擇所有attr屬性值 為空格分割的多個字符串且其中一個字符串等于value 的tag元素
$('tag[attr|=value]')  選擇所有attr屬性值 為連字符分割的字符串切該字符串以value開頭的tag元素

子選擇器，同輩選擇器：

$('tagA > tagB')  選擇作為tagA元素子元素的所有tagB元素
$('tagA + tagB')  選擇緊鄰tagA元素且位于其后的tagB元素
$('tagA ~ tagB')  選擇作為tagA同輩元素且位于其后的所有tagB元素

偽類，偽元素選擇器：

$('tag: root')  選擇作為文檔根元素的tag元素
$('tag: nth-child(n)')  選擇作為其父元素正數(shù)第n個元素的所有tag元素
$('tag: nth-last-child(n)')  選擇作為其父元素倒數(shù) 第n個元素的所有tag元素
$('tag: nth-of-type(n)')  選擇幾個同輩tag元素中的正數(shù)第n個
$('tag: nth-last-f-type(n)')  選擇幾個同輩tag元素中的倒數(shù)第n個
$('tag: first-child')  選擇作為其父元素第一個子元素的tag元素
$('tag: last-child')  選擇作為其父元素第一個子元素的tag元素
$('tag: first-of-type')  選擇作為同輩tag元素中的第一個
$('tag: last-of-type')  選擇作為同輩tag元素中的最后一個
$('tag: only-child')  選擇作為其父元素唯一子元素的tag元素
$('tag: only-of-type')  選擇作為同輩元素中唯一一個標(biāo)簽為tag的元素
$('tag: empty')  選擇所有沒有子元素的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ù)序號的元素（適合突出顯示表格行）
$('tag: odd')  選擇匹配元素集 中奇數(shù)序號的元素
$('tag: eq(0)'), $('tag: nth(0)')  選擇匹配元素 集中的第一個元素，如頁面的第一個段落
$('tag: gt(n)')  選擇匹配元素集 中索引值大于n的所有元素
$('tag: lt(n)')  選擇匹配元素集 中索引值小于n的所有元素
$('tag: first')  選擇匹配元素集 中的第一個元素, 等價于eq(0)
$('tag: last')  選擇匹配元素集 中的最后一個元素
$('tag: parent')  選擇匹配元素集 中包含子元素(文本節(jié)點也算)的所有元素
$('tag: contains('test')')  選擇匹配元素集 中包含指定文本的所有元素
$('tag: visible')  選擇匹配元素集 中所有可見的元素(包括display屬性為block和inline,visibility屬性為visible以及type屬性不是hidden的表單元素)
$('tag: hidden')  選擇匹配元素集 中所有隱藏的元素(包括display屬性為none, visibility屬性為hidden以及type屬性為hidden的表單元素)

一些專門為表單設(shè)計的表達(dá)式，用于快速訪問表單元素:

:input  選擇表單中的所有元素
:text  選擇所有文本字段
:password  選擇所有密碼字段
:radio  選擇所有單選按鈕
:checkbox  選擇所有復(fù)選框
:submit  選擇所有提交按鈕
:image  選擇所有表單圖像
:reset  選擇所有重置按鈕
:button  選擇所有其他按鈕

“常用jQuery選擇器有哪些”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站chinadenli.net，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

文章名稱：常用jQuery選擇器有哪些-創(chuàng)新互聯(lián)
轉(zhuǎn)載源于：http://chinadenli.net/article10/gcggo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計、軟件開發(fā)、商城網(wǎng)站、域名注冊、網(wǎng)站排名、全網(wǎng)營銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)