JQuery查找父、子、兄弟节点

最新推荐文章于 2023-08-07 19:35:37 发布

转载最新推荐文章于 2023-08-07 19:35:37 发布 · 1.1k 阅读

文章标签：

#jquery #选择器

jquery 专栏收录该内容

25 篇文章

订阅专栏

本文详细介绍了jQuery中的各种选择器方法，如parent(), parents(), children(), contents(), prev(), prevAll(), next(), nextAll(), siblings()及find()等。通过这些方法可以高效地定位DOM树中的特定元素，帮助开发者实现复杂的网页交互效果。

<span style="font-size:18px;">jQuery.parent(expr)           //找父元素
jQuery.parents(expr)          //找到所有祖先元素，不限于父元素
jQuery.children(expr)        //查找所有子元素，只会找到直接的孩子节点，不会返回所有子孙
jQuery.contents()            //查找下面的所有内容，包括节点和文本。
jQuery.prev()                //查找上一个兄弟节点，不是所有的兄弟节点
jQuery.prevAll()             //查找所有之前的兄弟节点
jQuery.next()                //查找下一个兄弟节点，不是所有的兄弟节点
jQuery.nextAll()             //查找所有之后的兄弟节点
jQuery.siblings()            //查找兄弟节点，不分前后
jQuery.find(expr)            //跟jQuery.filter(expr)完全不一样，jQuery.filter(expr)是从初始的
                          jQuery对象集合中筛选出一部分，而jQuery.find()的返回结果，不会有初始集中
                          筛选出一部分，而jQuery.find()的返回结果，不会有初始集合中的内容，比如：
                          $("p").find("span")是从元素开始找，等于$("p span")</span>