jQuery Tips(5)－－－－关于伪类选择符

可见相对应的元素都被匹配

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()