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插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】
Apr 10 jQuery
jQuery Form插件使用详解_动力节点Java学院整理
Jul 17 jQuery
基于JQuery的Ajax方法使用详解
Aug 16 jQuery
jquery+css实现下拉列表功能
Sep 03 jQuery
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
Sep 23 jQuery
jQuery实现动态添加节点与遍历节点功能示例
Nov 09 jQuery
jquery获取transform里的值实现方法
Dec 12 jQuery
jQuery实现的两种简单弹窗效果示例
Apr 18 jQuery
jQuery ajax仿Google自动提示SearchSuggess功能示例
Mar 28 jQuery
详解JQuery基础动画操作
Apr 12 jQuery
JQuery常用选择器功能与用法实例分析
Dec 23 jQuery
ajax jquery实现页面某一个div的刷新效果
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 选项及相关信息函数库
2006/12/04 PHP
php date与gmdate的获取日期的区别
2010/02/08 PHP
php数组中删除元素之重新索引的方法
2014/09/16 PHP
THINKPHP内容分页代码分享
2015/01/14 PHP
php图片添加水印例子
2016/07/20 PHP
php workerman定时任务的实现代码
2018/12/23 PHP
在Laravel的Model层做数据缓存的实现
2019/09/26 PHP
jquery.map()方法的使用详解
2015/07/09 Javascript
基于jquery实现表格内容筛选功能实例解析
2016/05/09 Javascript
再谈Javascript中的异步以及如何异步
2016/08/19 Javascript
js完整倒计时代码分享
2016/09/18 Javascript
JS中作用域和变量提升(hoisting)的深入理解
2016/10/31 Javascript
javascript事件捕获机制【深入分析IE和DOM中的事件模型】
2016/12/15 Javascript
Node.js的特点详解
2017/02/03 Javascript
node学习记录之搭建web服务器教程
2017/02/16 Javascript
angular2系列之路由转场动画的示例代码
2017/11/09 Javascript
JavaScript 有用的代码片段和 trick
2018/02/22 Javascript
详解PHP后期静态绑定分析与应用
2018/03/21 Javascript
微信小程序实现拼图小游戏
2020/10/22 Javascript
[51:36]Optic vs Newbee 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
跟老齐学Python之有容乃大的list(2)
2014/09/15 Python
django admin添加数据自动记录user到表中的实现方法
2018/01/05 Python
Python使用requests及BeautifulSoup构建爬虫实例代码
2018/01/24 Python
python 动态迁移solr数据过程解析
2019/09/04 Python
Python集合操作方法详解
2020/02/09 Python
Python使用多进程运行含有任意个参数的函数
2020/05/02 Python
python查看矩阵的行列号以及维数方式
2020/05/22 Python
美国户外服装和装备购物网站:Outland USA
2020/03/22 全球购物
公司联欢会策划方案
2014/05/19 职场文书
初中班级口号
2014/06/09 职场文书
社区国庆节活动总结
2015/03/23 职场文书
学雷锋主题班会教案
2015/08/13 职场文书
2019最新激励员工口号大全!
2019/06/28 职场文书
详解thinkphp的Auth类认证
2021/05/28 PHP
iSCSI服务器CHAP双向认证配置
2022/04/01 Servers
navicat 连接Ubuntu虚拟机的mysql的操作方法
2022/04/02 MySQL