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 相关文章推荐
跟随鼠标旋转的文字
Nov 30 Javascript
JavaScript语法着色引擎(demo及打包文件下载)
Jun 13 Javascript
用JS实现一个TreeMenu效果分享
Aug 28 Javascript
深入理解JavaScript系列(46):代码复用模式(推荐篇)详解
Mar 04 Javascript
学习使用bootstrap3栅格系统
Apr 12 Javascript
JS匿名函数实例分析
Nov 26 Javascript
微信小程序 闭包写法详细介绍
Dec 14 Javascript
详解angular中如何监控dom渲染完毕
Jan 03 Javascript
vue.js中v-on:textInput无法执行事件问题的解决过程
Jul 12 Javascript
浅谈Vue-cli 命令行工具分析
Nov 22 Javascript
详解js常用分割取字符串的方法
May 15 Javascript
uniapp开发小程序实现滑动页面控制元素的显示和隐藏效果
Dec 10 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遍历替换目录下文件指定内容的方法
2016/11/10 PHP
网页里控制图片大小的相关代码
2006/06/13 Javascript
javascript 24小时弹出一次的代码(利用cookies)
2009/09/03 Javascript
AppBaseJs 类库 网上常用的javascript函数及其他js类库写的
2010/03/04 Javascript
jquery动画1.加载指示器
2012/08/24 Javascript
用javascript判断IE版本号简单实用且向后兼容
2013/09/11 Javascript
jquery插件corner实现圆角边框的方法
2015/03/09 Javascript
JavaScript中解析JSON数据的三种方法
2015/07/03 Javascript
使用jquery动态加载Js文件和Css文件
2015/10/24 Javascript
Winform客户端向web地址传参接收参数的方法
2016/05/17 Javascript
JS对象的深度克隆方法示例
2017/03/16 Javascript
vue2.0 axios前后端数据处理实例代码
2017/06/30 Javascript
JS严格模式知识点总结
2018/02/27 Javascript
vue弹窗组件使用方法
2018/04/28 Javascript
浅谈PDF.js使用心得
2018/06/07 Javascript
微信小程序功能之全屏滚动效果的实现代码
2018/11/22 Javascript
基于vue.js实现分页查询功能
2018/12/29 Javascript
jQuery实现动态加载(按需加载)javascript文件的方法分析
2019/05/31 jQuery
EasyUI 数据表格datagrid列自适应内容宽度的实现
2019/07/18 Javascript
el-select 下拉框多选实现全选的实现
2019/08/02 Javascript
Vue项目打包部署到iis服务器的配置方法
2019/10/14 Javascript
谈谈IntersectionObserver懒加载的具体使用
2019/10/15 Javascript
vue-router结合vuex实现用户权限控制功能
2019/11/14 Javascript
javascript读取本地文件和目录方法详解
2020/08/06 Javascript
python中ConfigParse模块的用法
2014/09/29 Python
详解Python 数据库 (sqlite3)应用
2016/12/07 Python
对PyTorch torch.stack的实例讲解
2018/07/30 Python
使用coverage统计python web项目代码覆盖率的方法详解
2019/08/05 Python
python网络编程:socketserver的基本使用方法实例分析
2020/04/09 Python
深入浅析HTML5中的article和section的区别
2018/05/15 HTML / CSS
NBA欧洲商店(法国):NBA Europe Store FR
2016/10/19 全球购物
波兰数码相机及配件网上商店: Cyfrowe.pl
2017/06/19 全球购物
乡镇交通安全实施方案
2014/03/29 职场文书
教师批评与自我批评心得体会
2014/10/16 职场文书
公司保密管理制度
2015/08/04 职场文书
从贫穷到富有,是知识技能和学习力的差别
2019/08/20 职场文书