jquery next nextAll nextUntil siblings的区别介绍


Posted in Javascript onOctober 05, 2013

next:紧挨着$('')的一个元素

nextAll:在$('')以后的所有的同辈元素

nextUntil:until有直到。。。之前的意思,所以他表示$('')以后的所有的同辈元素,不过要在nextUntil参数之前,不包括匹配的元素本身

sibings:$('')前后的所有同辈元素

简单理解就是,next就是找他的弟弟/妹妹,nextAll就是找他所有的弟弟/妹妹,nextUntil就是找比他小一定年龄的弟弟/妹妹,siblings就是找他所有的哥哥/姐姐,还有他的所有的弟弟/妹妹。所以同理的同辈关系,prev,prevAll ,prevUntil

下面是简单的测试代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 
<title>Document</title> 
<script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.min.js'></script> 
</head> 
<body> 
<div class="first"> 
<a href="#">hhh</a> 
<h1>这是一个标题</h1> 
<p>这是一个test</p> 
<p>这是一个test</p> 
<p>这是一个test</p> 
<p>这是一个test</p> 
<div>hhha</div> 
<p>这是一个test</p> 
<p>这是一个test</p> 
</div> 
<script> 
$(function(){ 
//$('p:first').next().css('background','red'); 
//$('p:first').nextAll().css('background','yellow'); 
//$('p:first').nextUntil('div').css({'font-size':20,background:'red'}); 
//$('p:first').siblings().css('background','yellow'); 
}); 
</script> 
</body> 
</html>
Javascript 相关文章推荐
javascript一些不错的函数脚本代码
Sep 10 Javascript
ASP 过滤数组重复数据函数(加强版)
May 31 Javascript
兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码
Apr 19 Javascript
js表单中选择框值的获取及表单的序列化
Dec 17 Javascript
详解Javascript ES6中的箭头函数(Arrow Functions)
Aug 24 Javascript
bootstrap table小案例
Oct 21 Javascript
js中通过getElementsByName访问name集合对象的方法
Oct 31 Javascript
vue 设置proxyTable参数进行代理跨域
Apr 09 Javascript
d3.js实现图形拖拽
Dec 19 Javascript
vue瀑布流组件实现上拉加载更多
Mar 10 Javascript
浅谈React中组件逻辑复用的那些事儿
May 21 Javascript
三种方式清除vue路由跳转router-link的历史记录
Apr 10 Vue.js
jquery中animate动画积累的解决方法
Oct 05 #Javascript
jQuery.fn和jQuery.prototype区别介绍
Oct 05 #Javascript
javascript 函数声明与函数表达式的区别介绍
Oct 05 #Javascript
javascript自启动函数的问题探讨
Oct 05 #Javascript
纯js简单日历实现代码
Oct 05 #Javascript
JS教程:window.location使用方法的区别介绍
Oct 04 #Javascript
js中单引号与双引号冲突问题解决方法
Oct 04 #Javascript
You might like
php单件模式结合命令链模式使用说明
2008/09/07 PHP
phplot生成图片类用法详解
2015/01/06 PHP
PHP获取ip对应地区和使用网络类型的方法
2015/03/11 PHP
PHP实现生成数据字典功能示例
2018/05/24 PHP
js遍历、动态的添加数据的小例子
2013/06/22 Javascript
jQuery 重复加载错误以及修复方法
2014/12/16 Javascript
JavaScript实现弹出模态窗体并接受传值的方法
2016/02/12 Javascript
谈谈对JavaScript原生拖放的深入理解
2016/09/20 Javascript
面试常见的js算法题
2017/03/23 Javascript
jQuery自定义多选下拉框效果
2017/06/19 jQuery
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
2017/06/25 Javascript
使用JavaScript实现一个小程序之99乘法表
2017/09/21 Javascript
JavaScript实现二叉树定义、遍历及查找的方法详解
2017/12/20 Javascript
JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)
2018/03/10 Javascript
详解在vue-cli项目下简单使用mockjs模拟数据
2018/10/19 Javascript
ng-zorro-antd 入门初体验
2018/12/03 Javascript
微信小程序获取用户绑定手机号方法示例
2019/07/21 Javascript
JS代码优化的8点建议
2020/02/04 Javascript
JS继承实现方法及优缺点详解
2020/09/02 Javascript
vue集成openlayers加载geojson并实现点击弹窗教程
2020/09/24 Javascript
[09:22]2014DOTA2西雅图国际邀请赛 主赛事第二日TOPPLAY
2014/07/21 DOTA
[52:14]VG vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python使用Flask框架同时上传多个文件的方法
2015/03/21 Python
python用10行代码实现对黄色图片的检测功能
2015/08/10 Python
python数字图像处理实现直方图与均衡化
2018/05/04 Python
Python之虚拟环境virtualenv,pipreqs生成项目依赖第三方包的方法
2019/07/23 Python
python函数的万能参数传参详解
2019/07/26 Python
Python字典底层实现原理详解
2019/12/18 Python
Linux开机引导的步骤是什么
2014/02/26 面试题
音乐学个人的自荐书范文
2013/11/26 职场文书
机关门卫岗位职责
2013/12/30 职场文书
服务行业演讲稿
2014/09/02 职场文书
乡镇党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
2015年音乐教研组工作总结
2015/07/22 职场文书
优秀乡村医生事迹材料(2016精选版)
2016/02/29 职场文书
对讲机的最大通讯距离是多少
2022/02/18 无线电