jQuery Tips(5)----关于伪类选择符
2010-01-06 00:00:00 来源:WEB开发网核心提示: API定义中的匹配其父辈指的是所选元素的父元素不同,则分开选择,jQuery Tips(5)----关于伪类选择符(2),在上面例子中虽然一共选择18个<li>但是这 18<li>分属于2个不同的<ul>,所以会选择两个.如果将其放入同一个<ul>
API定义中的匹配其父辈指的是所选元素的父元素不同,则分开选择。在上面例子中虽然一共选择18个<li>但是这 18<li>分属于2个不同的<ul>,所以会选择两个.如果将其放入同一个<ul>中,如果放入同一个<ul>执行上面代码,则:
理解了上面匹配父辈元素,下面来说说这个选择符参数的用法.
向上面那样直接给出选择的位置,但是这里注意,这个位置是以1为开始的,而不是0
n个倍数选择法,比如可以使3n+1,-3n+1,4n,等,匹配所有页面上存在的n的倍数
例子:
<div>
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
<li>five</li>
<li>six</li>
<li>seven</li>
<li>eight</li>
<li>nine</li>
</ul>
</div>
<script type="text/javascript">
$("li:nth-child(3n-1)").css("background-color", "blue");
</script>
效果:
编缉推荐阅读以下文章
- JQuery Tips(4)----一些关于提高JQuery性能的Tips
- JQuery Tips(3)----关于$()包装集内元素的改变
- JQuery Tips(2)----关于$()包装集你不知道的
- JQuery Tips(1)----关于$.Ready()
[]
更多精彩
赞助商链接