jquery层次选择器的介绍


Posted in jQuery onJanuary 18, 2019

jquery层次选择器

jquery层次选择器,包括空格、>、next、+、nextAll、~、siblings、prev()、prevAll()等函数或表达式。

1、空格表示获取所有子孙后代元素

2、 >表示获取一级子元素

3、next函数获取紧接在之后的同辈元素列表

4、nextAll函数表示获取之后的所有同辈元素列表

5、siblings函数表示获取所有同辈元素列表,无论前后

6、+表示紧接在之后的同辈列表

7、~表示匹配之后所有的同辈元素

8、prev()获取之前的同辈元素列表

9、prevAll()获取之前所有的同辈元素列表

10、find()获取之后所有的子元素

代码如下:

$("#myid a"); //获取所有子孙后代元素列表 
  $("#myid>a"); //获取一级子元素列表(不包含孙元素) 
  $("#myid").next("a"); //获取紧接在之后的同辈元素列表,等价于$("#myid+a"); 
  $("#myid").nextAll("a"); //获取之后的所有同辈元素列表,等价于$("#myid~a"); 
  $("#myid").siblings("a"); //获取所有同辈元素列表,无论前后
  $("#myid").prev("a"); //获取紧接在之后的同辈元素列表
  $("#myid").find("a"); //获取后代元素中所有的a(包含子孙后代)

若有不足请多多指教!希望给您带来帮助!

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。如果你想了解更多相关内容请查看下面相关链接

jQuery 相关文章推荐
使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)
Mar 21 jQuery
jQuery实现的手风琴侧边菜单效果
Mar 29 jQuery
JS jQuery使用正则表达式去空字符的简单实现代码
May 20 jQuery
bootstrap+jQuery实现的动态进度条功能示例
May 25 jQuery
jQuery事件_动力节点Java学院整理
Jul 05 jQuery
JavaScript自执行函数和jQuery扩展方法详解
Oct 27 jQuery
基于jquery实现五星好评
Nov 18 jQuery
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
Jun 05 jQuery
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
Jun 06 jQuery
jQuery实现弹幕特效
Nov 29 jQuery
jQuery实现鼠标拖动图片功能
Mar 04 jQuery
jQuery无冲突模式详解
Jan 17 #jQuery
JQuery判断radio单选框是否选中并获取值的方法
Jan 17 #jQuery
Jquery获取radio选中值实例总结
Jan 17 #jQuery
jquery获取img的src值实例介绍
Jan 16 #jQuery
jQuery实现的点击图片居中放大缩小功能示例
Jan 16 #jQuery
jQuery+vue.js实现的多选下拉列表功能示例
Jan 15 #jQuery
jQuery实现的中英文切换功能示例
Jan 11 #jQuery
You might like
PHP程序员编程注意事项
2008/04/10 PHP
采用memcache在web集群中实现session的同步会话
2014/07/05 PHP
使用PHP uniqid函数生成唯一ID
2015/11/18 PHP
标准版Eclipse搭建PHP环境的详细步骤
2015/11/18 PHP
Zend Framework教程之Zend_Registry对象用法分析
2016/03/22 PHP
基于PHP制作验证码
2016/10/12 PHP
ie 调试javascript的工具
2009/04/29 Javascript
javascript 常用功能总结
2012/03/18 Javascript
jquery的$getjson调用并获取远程的JSON字符串问题
2012/12/10 Javascript
浅析JQuery获取和设置Select选项的常用方法总结
2013/07/04 Javascript
详解JavaScript中的4种类型识别方法
2015/09/14 Javascript
javascript实现3D切换焦点图
2015/10/16 Javascript
jQuery ajax时间差导致的变量赋值问题分析
2016/01/22 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【二】
2016/05/10 Javascript
基于JS实现textarea中获取动态剩余字数的方法
2016/05/25 Javascript
js判断主流浏览器类型和版本号的简单实现代码
2016/05/26 Javascript
JS逻辑运算符短路操作实例分析
2018/07/09 Javascript
通过实例解析chrome如何在mac环境中安装vue-devtools插件
2020/07/10 Javascript
vue中全局路由守卫中替代this操作(this.$store/this.$vux)
2020/07/24 Javascript
python设置检查点简单实现代码
2014/07/01 Python
基于python的Tkinter实现一个简易计算器
2015/12/31 Python
opencv python 傅里叶变换的使用
2018/07/21 Python
用python实现刷点击率的示例代码
2019/02/21 Python
Python动态声明变量赋值代码实例
2019/12/30 Python
解决tensorflow/keras时出现数组维度不匹配问题
2020/06/29 Python
英国玛莎百货澳大利亚:Marks & Spencer Australia
2019/08/30 全球购物
VisionPros美国站:加拿大在线隐形眼镜和眼镜零售商
2020/02/11 全球购物
日本整理专家Marie Kondo的官方在线商店:KonMari
2020/06/29 全球购物
综合内勤岗位职责
2014/04/14 职场文书
2015年机关纠风工作总结
2015/05/15 职场文书
2015年党小组工作总结
2015/05/26 职场文书
《狼牙山五壮士》教学反思
2016/02/17 职场文书
开学第一周日记(三篇范文)
2019/08/23 职场文书
nginx处理http请求实现过程解析
2021/03/31 Servers
tensorboard 可视化之localhost:6006不显示的解决方案
2021/05/22 Python
海弦WR-800F
2022/04/05 无线电