jquery 层次选择器siblings与nextAll的区别介绍

更新时间：2013年08月02日 18:14:05 作者：

jquery 层次选择器包括siblings与nextAll，本文为大家介绍下具体的使用方法，想学习的朋也可以参考下，希望对大家有所帮助

HTML代码：

 
<div> 
<div >1</div> 
<div class="one"> 
2 
<div>2_1 
<div>2_1_1</div> 
</div> 
<div>2_2</div> 
</div> 
<div>3</div> 
<div>4</div> 
</div> 
$(".one div").css("background","red") // .one之后所有DIV后代元素（后代：包括儿子和孙子.....） 
$(".one > div").css("background","red") // .one之后的子元素。（子：儿子和女儿....） 
$(".one + div").css("background","red") // .one之后相邻的元素。就是紧靠.one之后的兄弟元素。只有一个 
$(".one").next().css("background","red") // 这个作用同上 
$(".one ~ div").css("background","red") //.one之后的兄弟元素。不包括前面的 
$(".one").nextAll().css("background","red") //作用同上 
$(".one").siblings().css("background","red") // .one所有的兄弟元素，不管是后面的还是前面的。 

您可能感兴趣的文章:

基于jQuery的前端数据通用验证库
做了这么长时间的开发，一直因为验证的问题相当的苦恼，不断的写很多重复的代码，对想偷懒的我来说是相当痛苦的。
2011-08-08
jquery的ajax和getJson跨域获取json数据的实现方法
本篇文章主要是对jquery的ajax和getJson跨域获取json数据的实现方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2014-02-02
jquery实现tab菜单切换内容(精简版demo)
这篇文章主要为大家介绍了jquery实现tab菜单切换内容的精简方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-10-10
浅谈jQuery中的eq()与DOM中element.[]的区别
下面小编就为大家带来一篇浅谈jQuery中的eq()与DOM中element.[]的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-10-10
jquery实现固定顶部导航效果(仿蘑菇街)
蘑菇街导航固定顶部的效果想必大伙有所关注吧，想实现吧，本文将带你走完实现之旅，接下来的代码是使用jquery，感兴趣的各位可不要错过了哈
2013-03-03
jQuery DOM插入节点操作指南
本章节主要介绍了jQuery在HTML中动态插入节点的各种方法,制作成表格，方便大家对比学习，需要的朋友可以参考下
2015-03-03
fancybox1.3.1 基于Jquery的插件在IE中图片显示问题
JQuery的弹出窗口插件也很多了，例如Lightbox…这个我们介绍比较优秀的Plugin – Fancybox。
2010-10-10
基于jQuery实现图片的前进与后退功能
前进与后退在浏览网页的时候是比较常见的而且非常的实用，接下来为大家分享下使用jQuery实现图片的前进与后退，感兴趣的朋友可以参考下哈
2013-04-04
jquery操作cookie插件分享
在网页客户端，我们经常会遇到读取或者设置cookie的情况，如果用纯生的js我们可能会遇到一些兼容性带来的麻烦，这里给大家介绍一个比较实用jquery操作cookie的插件
2014-01-01
jQuery.ajax 用户登录验证代码
jQuery.ajax 用户登录验证代码，需要的朋友可以参考下。
2010-10-10