jquery:树遍历
.children()
获得元素集合中每个匹配元素的子元素,选择器选择性筛选。
<!DOCTYPE html> <html> <head> <style> body { font-size:16px; font-weight:bolder; } p { margin:5px 0; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <div> <span>Hello</span> <p class="selected">Hello Again</p> <div class="selected">And Again</div> <p>And One Last Time</p> </div> <script>$("div").children(".selected").css("color", "blue");</script> </body> </html>
.closest()
从元素本身开始,在DOM 树上逐级向上级元素匹配,并返回最先匹配的祖先元素。
.closest() | .parents() |
开始于当前元素 | 开始于父元素 |
在 DOM 树中向上遍历,直到找到与提供的选择器相匹配的元素 | 向上遍历DOM树到文档的根元素,每个祖先元素加入到临时集合,如果提供一个选择器,则会使用该选择器在集合中进行过滤 |
返回包含零个或一个元素的jQuery对象 | 返回包含零个,一个或多个元素的jQuery对象 |
.find()
得到当前匹配的元素集合中每个元素的后代, 由一个选择器,jQuery对象,或元素过滤。
.next()
取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。如果提供一个选择器,它检索下一个匹配选择器的兄弟元素。
.nextAll()
获得每个匹配元素集合中所有下面的同辈元素,选择性筛选的选择器。
.nextUntil()
通过选择器,DOM节点,或jQuery对象得到每个元素接下来的所有的兄弟元素,但不包括匹配的元素。
Also in: Offset
.offsetParent()
返回最近的被定过位的祖先元素。(译者注:祖先元素指该元素的上级元素,即包着它的外层元素)
.parent()
获得集合中每个匹配元素的父级元素,选择性筛选的选择器。
.parents()
获得集合中每个匹配元素的祖先元素,选择性筛选的选择器
.parentsUntil()
查找当前元素的所有的前辈元素,直到遇到选择器匹配的元素为止,不包括那个匹配到的元素。
.prev()
取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合。选择性筛选的选择器。
.prevAll()
Get all preceding siblings of each element in the set of matched elements, optionally filtered by a selector.
.prevUntil()
获得集合中每个匹配元素的所有前面的兄弟元素,选择性筛选的选择器。
.siblings()
获得匹配元素集合中每个元素的兄弟元素,选择性筛选的选择器。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。