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


Posted in Javascript onAugust 02, 2013

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所有的兄弟元素,不管是后面的还是前面的。
Javascript 相关文章推荐
jQuery UI-Draggable 参数集合
Jan 10 Javascript
javascript实现div的拖动并调整大小类似qq空间个性编辑模块
Dec 12 Javascript
js 处理数组重复元素示例代码
Dec 27 Javascript
jquery+ajax验证不通过也提交表单问题处理
Dec 12 Javascript
javascript实现五星评价代码(源码下载)
Aug 11 Javascript
必备的JS调试技巧汇总
Jul 20 Javascript
JS对大量数据进行多重过滤的方法
Nov 04 Javascript
jQuery实现广告条滚动效果
Aug 22 jQuery
Vue-cli 使用json server在本地模拟请求数据的示例代码
Nov 02 Javascript
浅谈vue-router 路由传参的方法
Dec 27 Javascript
jQuery实现每日秒杀商品倒计时功能
Sep 06 jQuery
vue cli3 配置proxy代理无效的解决
Oct 30 Javascript
js 固定悬浮效果实现思路代码
Aug 02 #Javascript
仿新浪微博登陆邮箱提示效果的js代码
Aug 02 #Javascript
页面右下角弹出提示框示例代码js版
Aug 02 #Javascript
js获取IP和PcName(IE)在vs中可用
Aug 02 #Javascript
js获取location.href的参数实例代码
Aug 02 #Javascript
使用GruntJS链接与压缩多个JavaScript文件过程详解
Aug 02 #Javascript
把jquery 的dialog和ztree结合实现步骤
Aug 02 #Javascript
You might like
PHP中的MYSQL常用函数(php下操作数据库必备)
2010/09/12 PHP
php array_unique之后json_encode需要注意
2011/01/02 PHP
浅谈json_encode用法
2015/03/05 PHP
PHP使用PDO连接ACCESS数据库
2015/03/05 PHP
基于php的CMS中展示文章类实例分析
2015/06/18 PHP
php中Snoopy类用法实例
2015/06/19 PHP
jQuery 隔行换色 支持键盘上下键,按Enter选定值
2009/08/02 Javascript
《JavaScript高级程序设计》阅读笔记(三) ECMAScript中的引用类型
2012/02/27 Javascript
js onload处理html页面加载之后的事件
2013/10/30 Javascript
JavaScript中的常见问题解决方法(乱码,IE缓存,代理)
2013/11/28 Javascript
jquery实现非叠加式的搜索框提示效果
2014/01/07 Javascript
基于jQuery全屏焦点图左右切换插件responsiveslides
2015/09/07 Javascript
基于jQuery Tipso插件实现消息提示框特效
2016/03/16 Javascript
通过JS获取Request.QueryString()参数的值实现方法
2016/09/27 Javascript
深入理解jQuery()方法的构建原理
2016/12/05 Javascript
angularjs下拉框空白的解决办法
2017/06/20 Javascript
layui实现点击按钮给table添加一行
2018/08/10 Javascript
微信小程序canvas拖拽、截图组件功能
2018/09/04 Javascript
详解nuxt路由鉴权(express模板)
2018/11/21 Javascript
js实现图片局部放大效果详解
2019/03/18 Javascript
vue使用keep-alive保持滚动条位置的实现方法
2019/04/09 Javascript
微信小程序 调用远程接口 给全局数组赋值代码实例
2019/08/13 Javascript
浅谈Vue.set实际上是什么
2019/10/17 Javascript
Vue+Element-U实现分页显示效果
2020/11/15 Javascript
[20:46]Ti4循环赛第三日VG vs DK
2014/07/12 DOTA
windows上安装Anaconda和python的教程详解
2017/03/28 Python
python编程实现希尔排序
2017/04/13 Python
python使用Matplotlib画条形图
2020/03/25 Python
python numpy库linspace相同间隔采样的实现
2020/02/25 Python
Python itertools.product方法代码实例
2020/03/27 Python
Python 爬虫性能相关总结
2020/08/03 Python
应聘编辑职位自荐信范文
2014/01/05 职场文书
开业庆典答谢词
2014/01/18 职场文书
2014幼儿园家长工作总结
2014/11/10 职场文书
党员活动总结
2015/02/04 职场文书
小学生节水倡议书
2015/04/29 职场文书