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 22 jQuery
基于jquery实现多选下拉列表
Aug 02 jQuery
jQuery实现上传图片前预览效果功能
Aug 03 jQuery
使用jQuery实现鼠标点击左右按钮滑动切换
Aug 04 jQuery
jquery实现用户登陆界面(示例讲解)
Sep 06 jQuery
javaScript和jQuery自动加载简单代码实现方法
Nov 24 jQuery
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
Mar 28 jQuery
jQuery实现checkbox全选功能完整实例
Jul 12 jQuery
jQuery实现消息弹出框效果
Dec 10 jQuery
jQuery实现小火箭返回顶部特效
Feb 03 jQuery
如何使用Jquery动态生成二级选项列表
Feb 06 jQuery
jquery制作的移动端购物车效果完整示例
Feb 24 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连接sql server 2005环境配置及问题解决
2014/08/08 PHP
PHP实现图片旋转效果实例代码
2014/10/01 PHP
PHP文件操作实例总结
2016/09/27 PHP
php curl批处理实现可控并发异步操作示例
2018/05/09 PHP
htm调用JS代码
2007/03/15 Javascript
jquery实现div拖拽宽度示例代码
2013/07/31 Javascript
JavaScript实现99乘法表及隔行变色实例代码
2016/02/24 Javascript
Javascript的表单验证-提交表单
2016/03/18 Javascript
使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法
2016/07/07 Javascript
js 转json格式的字符串为对象或数组(前后台)的方法
2016/11/02 Javascript
js倒计时显示实例
2016/12/11 Javascript
NodeJS 将文件夹按照存放路径变成一个对应的JSON的方法
2018/10/17 NodeJs
react中hook介绍以及使用教程
2020/12/11 Javascript
在HTML中使用JavaScript的两种方法
2020/12/24 Javascript
Python使用装饰器进行django开发实例代码
2018/02/06 Python
Python查看微信撤回消息代码
2018/06/07 Python
numpy返回array中元素的index方法
2018/06/27 Python
Python爬虫常用小技巧之设置代理IP
2018/09/13 Python
编写多线程Python服务器 最适合基础
2018/09/14 Python
解决Pycharm调用Turtle时 窗口一闪而过的问题
2019/02/16 Python
Python合并同一个文件夹下所有PDF文件的方法
2019/03/11 Python
详解Python下载图片并保存本地的两种方式
2019/05/15 Python
python实践项目之监控当前联网状态详情
2019/05/23 Python
python集合常见运算案例解析
2019/10/17 Python
图解Python中深浅copy(通俗易懂)
2020/09/03 Python
css3图片边框border-image的用法
2017/06/30 HTML / CSS
使用HTML5 Canvas API绘制弧线的教程
2016/03/22 HTML / CSS
婴儿地球:Baby Earth
2018/12/25 全球购物
如何将字串String转换成整数int
2015/02/21 面试题
优秀学生事迹材料
2014/02/08 职场文书
工商治理实习生的自我评价分享
2014/02/20 职场文书
中职毕业生自我鉴定
2014/09/13 职场文书
2014年语文教学工作总结
2014/12/17 职场文书
考生诚信考试承诺书
2015/04/29 职场文书
2015年度个人教学工作总结
2015/05/20 职场文书
解析Java异步之call future
2021/06/14 Java/Android