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+ajax实现局部刷新的两种方法
Jun 08 jQuery
jquery+css实现简单的图片轮播效果
Aug 07 jQuery
JQuery 获取多个select标签option的text内容(实例)
Sep 07 jQuery
jQuery plugin animsition使用小结
Sep 14 jQuery
jQuery基于cookie实现换肤功能实例
Oct 14 jQuery
利用jquery如何从json中读取数据追加到html中
Dec 01 jQuery
实现jquery放大镜的两种方法
Feb 22 jQuery
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
Dec 06 jQuery
JS/jQuery实现超简单的Table表格添加,删除行功能示例
Jul 31 jQuery
jQuery中DOM操作原则实例分析
Aug 01 jQuery
jQuery实现轮播图源码
Oct 23 jQuery
js和jquery判断数据类型的4种方法总结
Aug 28 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和XSL stylesheets转换XML文档
2006/10/09 PHP
php xml留言板 xml存储数据的简单例子
2009/08/24 PHP
一个PHP的String类代码
2010/04/20 PHP
php简单计算页面加载时间的方法
2015/06/19 PHP
WordPress中调试缩略图的相关PHP函数使用解析
2016/01/07 PHP
Javascript & DHTML 实例编程(教程)基础知识
2007/06/02 Javascript
深入理解JavaScript系列(2) 揭秘命名函数表达式
2012/01/15 Javascript
jquery获取tr并更改tr内容示例代码
2014/02/13 Javascript
jquery查找父元素、子元素(个人经验总结)
2014/04/09 Javascript
基于Phantomjs生成PDF的实现方法
2016/11/07 Javascript
web 屏蔽BackSpace键实例代码
2016/12/24 Javascript
原生JS实现$.param() 函数的方法
2018/08/10 Javascript
详解解决Vue相同路由参数不同不会刷新的问题
2018/10/12 Javascript
vue-router重定向和路由别名的使用讲解
2019/01/19 Javascript
vuex 动态注册方法 registerModule的实现
2019/07/03 Javascript
vue filter 完美时间日期格式的代码
2019/08/14 Javascript
[01:22:10]Ti4 循环赛第二日 DK vs Empire
2014/07/11 DOTA
Ubuntu下使用python读取doc和docx文档的内容方法
2018/05/08 Python
python numpy和list查询其中某个数的个数及定位方法
2018/06/27 Python
python3.5绘制随机漫步图
2018/08/27 Python
对python中数据集划分函数StratifiedShuffleSplit的使用详解
2018/12/11 Python
python异步存储数据详解
2019/03/19 Python
Python实现字典按key或者value进行排序操作示例【sorted】
2019/05/03 Python
pyinstaller 3.6版本通过pip安装失败的解决办法(推荐)
2020/01/18 Python
解决python图像处理图像赋值后变为白色的问题
2020/06/04 Python
乐高积木玩具美国官网:LEGO Shop US
2016/09/16 全球购物
CHARLES & KEITH加拿大官网:新加坡时尚品牌
2020/03/26 全球购物
高三生物教学反思
2014/01/25 职场文书
精彩的英文自荐信
2014/01/30 职场文书
小学教师培训感言
2014/02/11 职场文书
连锁酒店店长职责范本
2014/02/13 职场文书
超市创业计划书
2014/04/24 职场文书
2015年实习生工作总结报告
2015/04/28 职场文书
党章党规党纪学习心得体会
2016/01/14 职场文书
2019年汽车租赁合同范本!
2019/08/12 职场文书
Python读取文件夹下的所有文件实例代码
2021/04/02 Python