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的动态删除Table表格的行和列的代码
May 12 Javascript
js使用ajax读博客rss示例
May 06 Javascript
Angular 根据 service 的状态更新 directive
Apr 03 Javascript
jquery动态切换背景图片的简单实现方法
May 14 Javascript
详解vue+vueRouter+webpack的简单实例
Jun 17 Javascript
使用JavaScript实现表格编辑器(实例讲解)
Aug 02 Javascript
vue环境搭建简单教程
Nov 07 Javascript
JavaScript实现AOP详解(面向切面编程,装饰者模式)
Dec 19 Javascript
解析vue data不可以使用箭头函数问题
Jul 03 Javascript
Vue.set()动态的新增与修改数据,触发视图更新的方法
Sep 15 Javascript
vue+webpack 更换主题N种方案优劣分析
Oct 28 Javascript
快速解决element的autofocus失效问题
Sep 08 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详细彻底学习Smarty
2008/03/27 PHP
PHP实现变色验证码实例
2014/01/06 PHP
php随机取mysql记录方法小结
2014/12/27 PHP
php中smarty变量修饰用法实例分析
2015/06/11 PHP
php is_executable判断给定文件名是否可执行实例
2016/09/26 PHP
PHP时间戳和日期相互转换操作实例小结
2018/12/18 PHP
异步安全加载javascript文件的方法
2015/07/21 Javascript
学习使用jquery iScroll.js移动端滚动条插件
2020/03/24 Javascript
jQuery Html控件基本操作(日常收集整理)
2016/03/11 Javascript
jQuery实现可以编辑的表格实例详解【附demo源码下载】
2016/07/09 Javascript
AngularJS基础 ng-dblclick 指令用法
2016/08/01 Javascript
浅谈JS中的bind方法与函数柯里化
2016/08/10 Javascript
浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用
2016/09/09 Javascript
AngularJS实现Input格式化的方法
2016/11/07 Javascript
BootStrap 下拉菜单点击之后不会出现下拉菜单(下拉菜单不弹出)的解决方案
2016/12/14 Javascript
使用 Vue.js 仿百度搜索框的实例代码
2017/05/09 Javascript
微信小程序动态显示项目倒计时效果
2017/06/13 Javascript
Vue的事件响应式进度条组件实例详解
2018/02/04 Javascript
JavaScript基于对象方法实现数组去重及排序操作示例
2018/07/10 Javascript
Nodejs监听日志文件的变化的过程解析
2019/08/04 NodeJs
微信小程序实现抖音播放效果的实例代码
2020/04/11 Javascript
python实现按任意键继续执行程序
2016/12/30 Python
网站渗透常用Python小脚本查询同ip网站
2017/05/08 Python
python验证码识别的示例代码
2017/09/21 Python
Python去除、替换字符串空格的处理方法
2018/04/01 Python
python设定并获取socket超时时间的方法
2019/01/12 Python
Python子类继承父类构造函数详解
2019/02/19 Python
Django URL参数Template反向解析
2020/11/24 Python
Crucial英睿达法国官网:内存条及SSD固态硬盘升级
2018/07/13 全球购物
诚实守信演讲稿
2014/09/01 职场文书
2015年世界无车日活动总结
2015/03/23 职场文书
医院感染管理制度
2015/08/05 职场文书
详解Python 3.10 中的新功能和变化
2021/04/28 Python
Springboot如何同时装配两个相同类型数据库
2021/11/17 Java/Android
python3 字符串str和bytes相互转换
2022/03/23 Python
python缺失值填充方法示例代码
2022/12/24 Python