基本選擇器:
成都創(chuàng)新互聯(lián)網(wǎng)站建設公司一直秉承“誠信做人,踏實做事”的原則,不欺瞞客戶,是我們最起碼的底線! 以服務為基礎,以質量求生存,以技術求發(fā)展,成交一個客戶多一個朋友!專注中小微企業(yè)官網(wǎng)定制,成都做網(wǎng)站、網(wǎng)站設計,塑造企業(yè)網(wǎng)絡形象打造互聯(lián)網(wǎng)企業(yè)效應。id選擇器:$("#id")
標簽選擇器:$("tag")
類選擇器:$(".classname")
通配選擇器:$("*")
組選擇器:$("selector1,selector2,...,selectorN")
層次選擇器:
包含選擇器:$("ancestor descendant")
子選擇器:$("parent>child")
相鄰選擇器:$("prev+next")
兄弟選擇器:$("prev~siblingsa")
簡單的偽類選擇器:
:first 例子:$("p:first")//匹配第一個p元素
:last 例子:$("p:last")//匹配最后一個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 //匹配動畫元素
:header //匹配標題元素
與內容相關的偽類選擇器:
:contains 例子:$("p:contains('test1')")//匹配包含test1文本的p元素
:empty 例子:$("div:empty")//匹配不包含子元素或者文本的div元素
:has 例子:$("div:has(p)")//匹配含有p元素的div元素
:parent 例子:$("div:parent")//匹配含有子元素或者文本的div元素
與元素顯示狀態(tài)有關的偽類選擇器:
:hidden 例子:$(div:hidden)//匹配所有不可見的div元素
:visible 例子:$(div:visible)//匹配所有可見的div元素
匹配子元素的偽類選擇器:
:nth-child 匹配其父元素下的第N個子或奇偶元素(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")//匹配屬于其父元素的首個子元素的每個 p 元素
:last-child 例子:$("p:last-child")//匹配屬于其父元素的最后一個子元素的每個 p 元素
:only-child 例子:$("p:only-child")//匹配這樣的p元素,他的父元素只包含他一個元素
與表單對象有關的偽類:
:input //匹配所有input、textarea、select、button對象
:text //匹配單行文本框
:password //匹配所有密碼框
:radio //匹配所有單選按鈕
:checkbox //匹配所有復選框
:submit //匹配所有提交按鈕
:reset //匹配所有重置按鈕
:p_w_picpath //匹配所有圖像域
:button //匹配所有按鈕
:file //匹配所有文件域
:hidden //匹配所有不可見元素
與表單屬性相關的偽類選擇器
:enable
:disable
:checked //匹配所有選中的元素(不包括option)
:selected //匹配所有選中的option元素
屬性選擇器:
[attribute] //匹配所有含有給定屬性的元素
例:$("p[id]") //匹配含有id屬性的p元素
[attribute=value] //匹配屬性等于特定值的元素
[attribute!=value] //匹配屬性不等于特定值的元素
[attribute^=value] //匹配屬性值以某些值開始的元素
[attribute$=value] //匹配屬性值以某些值結尾的元素
[attribute*=value] //匹配屬性值包含某些值的元素
[selector1][selector2][selectorN] //匹配滿足所有匹配條件的元素
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
當前文章:jQuery學習-------jQuery選擇器-創(chuàng)新互聯(lián)
網(wǎng)站路徑:http://jinyejixie.com/article34/djeipe.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供移動網(wǎng)站建設、App開發(fā)、服務器托管、微信公眾號、網(wǎng)站制作、定制網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內容