jquery 選擇器摘要
基本的css選擇器就不摘要了。。。
還有子選擇器,容器選擇器和特性選擇器
<ul class="myList">
<li><a >jQuery supports</a>
<ul>
<li><a href="css1">CSS1</a></li>
<li><a href="css2">CSS2</a></li>
<li><a href="css3">CSS3</a></li>
<li>Basic XPath</li>
</ul>
</li>
<li>jQuery also supports
<ul>
<li>Custom selectors</li>
<li>Form selectors</li>
</ul>
</li>
</ul>
以上面的代碼為列,利用基本的css選擇器ul.myList li a 會抓取所有連接,選中項為4項。
利用子選擇器:ul.myList>li>a 是mylist的<ul>元素的子節點,所以選中項為1項
特性選擇器:
input[type=text] type特性值為text的所有<input>元素
div[title^=my] 匹配特性值開頭的部分 title特性值為‘my....’的div
a[href$=.pdf] 匹配特性值結尾的部分
a[href*=css] 匹配特性值的任何部位包含字符串
容器選擇器:
li:has(a) 包含<a>元素的所有<li>元素
jquery支持這種語句的嵌套但是只支持一層:
比如:支持 foo:not(bar:has(baz))但不支持foo:not(bar:has(baz:has(2)))
通過位置選擇:
a:odd 選擇所有序數為奇數的
a:even 選擇所有序數為偶數的 計算從0開始,0為偶數
本文由用戶 ivy 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!