jQuery學(xué)習(xí)-------jQuery選擇器-創(chuàng)新互聯(lián)

基本選擇器:

成都創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司一直秉承“誠信做人,踏實(shí)做事”的原則,不欺瞞客戶,是我們最起碼的底線! 以服務(wù)為基礎(chǔ),以質(zhì)量求生存,以技術(shù)求發(fā)展,成交一個(gè)客戶多一個(gè)朋友!專注中小微企業(yè)官網(wǎng)定制,成都做網(wǎng)站、網(wǎng)站設(shè)計(jì),塑造企業(yè)網(wǎng)絡(luò)形象打造互聯(lián)網(wǎng)企業(yè)效應(yīng)。

  id選擇器:$("#id")

  標(biāo)簽選擇器:$("tag")

  類選擇器:$(".classname")

  通配選擇器:$("*")

  組選擇器:$("selector1,selector2,...,selectorN")

層次選擇器:

  包含選擇器:$("ancestor descendant")

  子選擇器:$("parent>child")

  相鄰選擇器:$("prev+next")

  兄弟選擇器:$("prev~siblingsa")

簡單的偽類選擇器:

  :first 例子:$("p:first")//匹配第一個(gè)p元素

  :last  例子:$("p:last")//匹配最后一個(gè)p元素

  :eq(index) 例子:$("p:eq(1)")//匹配索引值為1的p元素

        index從0開始。

  :even  例子:$("h2:even")//匹配所有索引值為偶數(shù)的h2元素

  :odd  例子:$("h2:odd")//匹配所有索引值為奇數(shù)的h2元素

  :gt(index) 例子:$("h2:gt(1)")//匹配所有索引值大于1的h2元素(不包含1)

  :lt(index) 例子:$("h2:lt(2)")//匹配所有索引值小于2的h2元素(不包含2)

  :not(selecor) 例子:$("p:not(p:eq(1)")//匹配索引不是1的p元素

  :animated  //匹配動(dòng)畫元素

  :header  //匹配標(biāo)題元素

與內(nèi)容相關(guān)的偽類選擇器:

  :contains  例子:$("p:contains('test1')")//匹配包含test1文本的p元素

  :empty   例子:$("div:empty")//匹配不包含子元素或者文本的div元素

  :has    例子:$("div:has(p)")//匹配含有p元素的div元素

  :parent   例子:$("div:parent")//匹配含有子元素或者文本的div元素

與元素顯示狀態(tài)有關(guān)的偽類選擇器:

  :hidden   例子:$(div:hidden)//匹配所有不可見的div元素

  :visible   例子:$(div:visible)//匹配所有可見的div元素

匹配子元素的偽類選擇器

  :nth-child   匹配其父元素下的第N個(gè)子或奇偶元素(nth-child:是從1開始的)

         例子:$(":nth-child(even)")//匹配偶數(shù)位元素

            $(":nth-child(odd)")//匹配奇數(shù)位元素

            $(":nth-child(3n)")

            $(":nth-child(2)")

            $(":nth-child(3n+1)")

            $(":nth-child(3n+2)")

  :first-child  例子:$("p:first-child")//匹配屬于其父元素的首個(gè)子元素的每個(gè) p 元素

  :last-child   例子:$("p:last-child")//匹配屬于其父元素的最后一個(gè)子元素的每個(gè) p 元素

  :only-child   例子:$("p:only-child")//匹配這樣的p元素,他的父元素只包含他一個(gè)元素

與表單對(duì)象有關(guān)的偽類:

  :input //匹配所有input、textarea、select、button對(duì)象

  :text  //匹配單行文本框

  :password  //匹配所有密碼框

  :radio   //匹配所有單選按鈕

  :checkbox  //匹配所有復(fù)選框

  :submit   //匹配所有提交按鈕

  :reset   //匹配所有重置按鈕

  :p_w_picpath   //匹配所有圖像域

  :button   //匹配所有按鈕

  :file    //匹配所有文件域

  :hidden   //匹配所有不可見元素

與表單屬性相關(guān)的偽類選擇器

  :enable

  :disable

  :checked   //匹配所有選中的元素(不包括option)

  :selected   //匹配所有選中的option元素

屬性選擇器:

  [attribute]  //匹配所有含有給定屬性的元素

         例:$("p[id]") //匹配含有id屬性的p元素

  [attribute=value]  //匹配屬性等于特定值的元素

  [attribute!=value]  //匹配屬性不等于特定值的元素

  [attribute^=value]  //匹配屬性值以某些值開始的元素

  [attribute$=value]  //匹配屬性值以某些值結(jié)尾的元素

  [attribute*=value]  //匹配屬性值包含某些值的元素

  [selector1][selector2][selectorN] //匹配滿足所有匹配條件的元素

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

當(dāng)前文章:jQuery學(xué)習(xí)-------jQuery選擇器-創(chuàng)新互聯(lián)
網(wǎng)站路徑:http://muchs.cn/article34/djeipe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供移動(dòng)網(wǎng)站建設(shè)、App開發(fā)、服務(wù)器托管、微信公眾號(hào)網(wǎng)站制作、定制網(wǎng)站

廣告

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

成都定制網(wǎng)站建設(shè)