jquery 选择器摘要
基本的css选择器就不摘要了。。。
还有子选择器,容器选择器和特性选择器
还有子选择器,容器选择器和特性选择器
<ul class="myList">
<li><a href="http://jquery.com">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为偶数