jquery层次选择器的介绍
更新时间：2019年01月18日 09:34:09 作者：muzidigbig
今天小编就为大家分享一篇关于jquery层次选择器的介绍，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
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鼠标事件及动画效果的使用技巧,需要的朋友可以参考下2015-06-06
Javascript jquery css 写的简单进度条控件
很多的时候用户需要等待你“臃肿”的 Javascript 代码处理完成（Web 2.0 的特色）。期间或许加入一个类似于进度条的东西让用户有点“安慰”。这个东西实现起来并不复杂，无非就是获得总的处理条目，然后获得一个百分比，再显示输出。2008-03-03
jquery $(this).attr $(this).val方法使用介绍
$(this).attr(key); 获取节点属性名的值，相当于getAttribute(key)方法，本文整理了一些相关的示例，感兴趣的朋友可以参考下2013-10-10
下面小编就为大家带来一篇深入理解JQuery循环绑定事件。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
本文主要介绍了jQuery中的ajaxSubmit方法的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
可能是个人认识能力有限，一直认为仅仅靠html是很难展现稍具动态的图表的，但是在看到jqPlot之后，我的认识有了很大改变，jqplpt——基于HTML的图表展示插件，而且不生成图片，最可贵的是能生成类似flex的数据动态提示以及动态改变数据展示范围等等。2009-07-07
jQuery实现带延时功能的水平多级菜单效果【附demo源码下载】
这篇文章主要介绍了jQuery实现带延时功能的水平多级菜单效果,可实现响应鼠标事件延时展示菜单的功能,涉及jQuery结合时间函数动态操作页面元素属性的相关技巧,需要的朋友可以参考下2016-09-09
一个简单的JQuery each示例，使用each可以输出JS对象、json格式的数据，大家参考使用吧2013-11-11
这几天在学习jQuery插件的写法，搜索了一些资料，包括jQuery官方的示例，但发现描述的并不是很清晰。最后，终于搜索到一篇讲解比较清晰的文章，这里自己总结了一下，并以一个具体的示例来说明jQuery插件的写法2013-06-06
正好项目中有个小需求, 要求把表格指定列中内容相同的单元格进行合并,本质上涉及的就是td的rowspan属性, 数出含相同内容单元格的个数, 然后给第一个与上一行内容不同的td其rowspan属性附上正确的值即可, 为了能直观的理解2011-04-04
最新评论