jQuery Tips(5)----关于伪类选择符
2010-01-06 00:00:00 来源:WEB开发网核心提示: 可见相对应的元素都被匹配3.还有一种用法是我们熟知的odd和even,就是奇数和偶数,如下:<scripttype="text/javascript">$("li:nth-child(odd)").css("background-co
可见相对应的元素都被匹配
3.还有一种用法是我们熟知的odd和even,就是奇数和偶数,如下:
<script type="text/javascript">
$("li:nth-child(odd)").css("background-color", "blue");
</script>
效果:
:first-child&last-child
从上面的nth-child可以看到”匹配父类下的“含义,first-child和last-child也同样是这样.它们可以看做nth-child的封装:
first-child和nth-child(1)等价,这里就不多说了.
而first-child目前我还找不到等价的nth-child表达式,匹配父类下的最后一个子元素:
<ul>
<li>1</li>
<li>2</li>
</ul>
<ul>
<li>1</li>
<li>2</li>
</ul>
<script type="text/javascript">
$("li:last-child").css("background-color", "blue");
</script>
效果:
:input并不只是匹配input
个选择符我想大家都比较熟悉,但是要注意,input伪类选择符不只是匹配<input>标签,还会匹配<select>和<textarea>:
编缉推荐阅读以下文章
- JQuery Tips(4)----一些关于提高JQuery性能的Tips
- JQuery Tips(3)----关于$()包装集内元素的改变
- JQuery Tips(2)----关于$()包装集你不知道的
- JQuery Tips(1)----关于$.Ready()
[]
更多精彩
赞助商链接