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 表单下所有元素的隐藏
Jul 25 Javascript
扩展JavaScript功能的正确方法(译文)
Apr 12 Javascript
简单的js表单验证函数
Oct 28 Javascript
简单的ajax连接库分享(不用jquery的ajax)
Jan 19 Javascript
jqeury-easyui-layout问题解决方法
Mar 24 Javascript
javascript获取函数名称、函数参数、对象属性名称的代码实例
Apr 12 Javascript
AngularJS学习笔记之ng-options指令
Jun 16 Javascript
js实现人才网站职位选择功能的方法
Aug 14 Javascript
JavaScript实现定时页面跳转功能示例
Feb 14 Javascript
关于jQuery.ajax()的jsonp碰上post详解
Jul 02 jQuery
vue+vue-router转场动画的实例代码
Sep 01 Javascript
对vue中的事件穿透与禁止穿透实例详解
Oct 28 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下连接mssql2005的代码
2011/01/17 PHP
PHP句法规则详解 入门学习
2011/11/09 PHP
基于PHP字符串的比较函数strcmp()与strcasecmp()的使用详解
2013/05/15 PHP
利用php-cli和任务计划实现订单同步功能的方法
2017/05/03 PHP
laravel-admin 管理平台获取当前登陆用户信息的例子
2019/10/08 PHP
Discuz! 6.1_jQuery兼容问题
2008/09/23 Javascript
JavaScript isArray()函数判断对象类型的种种方法
2010/10/11 Javascript
javascript题目,重写函数让其无限相加
2012/02/15 Javascript
jQuery实现大转盘抽奖活动仿QQ音乐代码分享
2015/08/21 Javascript
js实现tab切换效果实例
2015/09/16 Javascript
js中flexible.js实现淘宝弹性布局方案
2020/06/23 Javascript
Kendo Grid editing 自定义验证报错提示的解决方法
2016/11/18 Javascript
完美解决node.js中使用https请求报CERT_UNTRUSTED的问题
2017/01/08 Javascript
JQuery 封装 Ajax 常用方法(推荐)
2017/05/21 jQuery
vue 子组件向父组件传值方法
2018/02/26 Javascript
小试SVG之新手小白入门教程
2019/01/08 Javascript
浅谈小程序 setData学问多
2019/02/20 Javascript
JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】
2019/02/21 Javascript
Vue基于vuex、axios拦截器实现loading效果及axios的安装配置
2019/04/26 Javascript
node.js express框架简介与实现
2019/07/23 Javascript
vue实现图片按比例缩放问题操作
2020/08/11 Javascript
Node.js path模块,获取文件后缀名操作
2020/11/07 Javascript
[01:45]DOTA2新英雄“神谕者”全方位展示
2014/11/21 DOTA
python获取Linux下文件版本信息、公司名和产品名的方法
2014/10/05 Python
Python实现完整的事务操作示例
2017/06/20 Python
解决Matplotlib图表不能在Pycharm中显示的问题
2018/05/24 Python
python自动化报告的输出用例详解
2018/05/30 Python
pandas DataFrame 行列索引及值的获取的方法
2019/07/02 Python
python命名空间(namespace)简单介绍
2019/08/10 Python
Python实现迪杰斯特拉算法过程解析
2020/09/18 Python
时尚设计师手表:The Watch Cabin
2018/10/06 全球购物
离婚协议书范本2014
2014/10/27 职场文书
护士求职自荐信范文
2015/03/04 职场文书
2016教师读书思廉心得体会
2016/01/23 职场文书
深入浅析Redis 集群伸缩原理
2021/05/15 Redis
python3 字符串str和bytes相互转换
2022/03/23 Python