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 相关文章推荐
用JavaScript实现单继承和多继承的简单方法
Mar 29 Javascript
使用JQuery和s3captche实现一个水果名字的验证
Aug 14 Javascript
js 处理URL实用技巧
Nov 23 Javascript
加载 Javascript 最佳实践
Oct 30 Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
Dec 27 Javascript
获取当前点击按钮的id用this.id实现
Mar 17 Javascript
判断在css加载完毕后执行后续代码示例
Sep 03 Javascript
js实现文字在按钮上滚动的方法
Aug 20 Javascript
Bootstrap进度条组件知识详解
May 01 Javascript
Bootstrap基本组件学习笔记之列表组(11)
Dec 07 Javascript
使用 Node.js 对文本内容分词和关键词抽取
May 27 Javascript
js实现鼠标移动到图片产生遮罩效果
Oct 21 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开发中页面出现乱码的一种解决方法
2007/07/29 PHP
在PHP中使用X-SendFile头让文件下载更快
2014/06/01 PHP
laravel5.1框架基础之Blade模板继承简单使用方法分析
2019/09/05 PHP
PHP高并发和大流量解决方案整理
2019/12/24 PHP
JavaScript 基础问答三
2008/12/03 Javascript
jquery插件之easing使用
2010/08/19 Javascript
DD_belatedPNG,IE6下PNG透明解决方案(国外)
2010/12/06 Javascript
jQuery中实现动画效果的基本操作介绍
2013/04/16 Javascript
基于jquery实现控制经纬度显示地图与卫星
2013/05/20 Javascript
深入理解angularjs过滤器
2016/05/25 Javascript
AngularJS 如何在控制台进行错误调试
2016/06/07 Javascript
JSONP原理及简单实现
2016/06/08 Javascript
jQuery调用Webservice传递json数组的方法
2016/08/06 Javascript
jQuery EasyUI结合zTree树形结构制作web页面
2017/09/01 jQuery
js 数组详细操作方法及解析合集
2018/06/01 Javascript
基于vue实现圆形菜单栏组件
2019/07/05 Javascript
JS 设计模式之:工厂模式定义与实现方法浅析
2020/05/06 Javascript
vue props default Array或是Object的正确写法说明
2020/07/30 Javascript
python实现k-means聚类算法
2018/02/23 Python
Python基础教程之异常详解
2019/01/10 Python
使用pyinstaller打包PyQt4程序遇到的问题及解决方法
2019/06/24 Python
Pytorch 定义MyDatasets实现多通道分别输入不同数据方式
2020/01/15 Python
Python使用turtle库绘制小猪佩奇(实例代码)
2020/01/16 Python
在Django中自定义filter并在template中的使用详解
2020/05/19 Python
利用Python的folium包绘制城市道路图的实现示例
2020/08/24 Python
英国花园家具中心:Garden Furniture Centre
2017/08/24 全球购物
Shopee菲律宾:在线购买和出售
2019/11/25 全球购物
俄罗斯便宜的在线服装商店:GroupPrice
2020/04/10 全球购物
四群教育工作实施方案
2014/03/26 职场文书
团代会主持词
2014/04/02 职场文书
2014年禁毒工作总结
2014/11/24 职场文书
自荐信模板大全
2015/03/27 职场文书
小学生节水倡议书
2015/04/29 职场文书
php引用传递
2021/04/01 PHP
python tkinter模块的简单使用
2021/04/07 Python
Mysql InnoDB 的内存逻辑架构
2022/05/06 MySQL