码迷,mamicode.com
首页 > Web开发 > 详细

jQuery选择器-子元素过滤选择器

时间:2016-01-13 13:02:42      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:

:nth-child:

选取每个父元素下的第index(从1开始)个子元素或奇偶元素,返回元素集合。

1 <script type="text/javascript">
2     $(function(){
3         $("div.one :nth-child(2)").css("background","#bbffaa")
4     });
5 </script>

技术分享

:first-child:

选取每个父元素的第1个子元素,返回元素集合。

1 <script type="text/javascript">
2     $(function(){
3         $("div.one :first-child").css("background","#bbffaa")
4     });
5 </script>

技术分享

:last-child:

选取每个父元素的最后一个子元素,返回元素集合。

1 <script type="text/javascript">
2     $(function(){
3         $("div.one :last-child").css("background","#bbffaa")
4     });
5 </script>

技术分享

:only-child:

如果某个元素是它父元素中唯一的子元素,则匹配该元素;如果不是,则不匹配该元素。

1 <script type="text/javascript">
2     $(function(){
3         $("div.one :only-child").css("background","#bbffaa")
4     });
5 </script>

技术分享

 

jQuery选择器-子元素过滤选择器

标签:

原文地址:http://www.cnblogs.com/qhdxqxx/p/5126834.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!