Skip to content

jquery_ref_traversing

jQuery 提供了一套丰富的方法用于遍历文档对象模型 (DOM) 树。遍历允许你根据元素与当前选定元素之间的关系(父级、子级、同级等)来查找相关元素。高效的遍历是编写简洁、高性能 jQuery 代码的关键。

方法描述
add()添加元素到当前匹配的元素集中。
addBack()将堆栈中先前的元素集添加到当前元素集中。在遍历操作后使用,以包含起始元素。
children([selector])返回集合中每个元素的直接子元素,可选择性地通过选择器过滤。
closest(selector)从当前元素向上遍历 DOM 树,返回第一个匹配选择器的祖先元素。
contents()返回集合中每个元素的子节点,包括文本节点和注释节点。
each(function)对匹配集合中的每个元素执行一个函数。不严格属于遍历方法,但常用于遍历后的元素。
end()结束当前链中最新的过滤或遍历操作,将元素集返回到之前的状态。
eq(index)将匹配的元素集减少到指定索引(从 0 开始)位置的元素。负数索引从末尾开始计数。
filter(selector | function)将匹配的元素集减少到那些匹配选择器或通过函数测试的元素。
find(selector)返回当前集合中每个元素的后代元素(子元素、孙元素等),通过选择器过滤。
first()将匹配的元素集减少到集合中的第一个元素。等同于 .eq(0)。
has(selector | element)将匹配的元素集减少到那些包含匹配选择器的后代元素或给定 DOM 元素的元素。
is(selector | function | element | jQuery object)检查当前匹配集合是否匹配选择器、函数、元素或 jQuery 对象,如果至少一个元素匹配则返回 true。
last()将匹配的元素集减少到集合中的最后一个元素。等同于 .eq(-1)。
map(function)将当前匹配集合中的每个元素传递给一个函数,生成一个新的 jQuery 对象,其中包含函数的返回值。
next([selector])返回集合中每个元素紧随其后的同级元素,可选择性地通过选择器过滤。
nextAll([selector])返回集合中每个元素之后的所有同级元素,可选择性地通过选择器过滤。
nextUntil([selector | element], [filter])返回集合中每个元素之后的所有同级元素,直到(但不包括)匹配选择器、DOM 节点或 jQuery 对象的元素。
not(selector | function | element | jQuery object)从匹配的元素集中移除元素。
offsetParent()返回最近的、已定位(CSS position 非 ‘static’)的祖先元素。
parent([selector])返回集合中每个元素的直接父元素,可选择性地通过选择器过滤。
parents([selector])返回集合中每个元素的祖先元素(父元素、祖父元素等),可选择性地通过选择器过滤。
parentsUntil([selector | element], [filter])返回集合中每个元素的祖先元素,直到(但不包括)匹配选择器、DOM 节点或 jQuery 对象的元素。
prev([selector])返回集合中每个元素紧随其前的同级元素,可选择性地通过选择器过滤。
prevAll([selector])返回集合中每个元素之前的所有同级元素,可选择性地通过选择器过滤。
prevUntil([selector | element], [filter])返回集合中每个元素之前的所有同级元素,直到(但不包括)匹配选择器、DOM 节点或 jQuery 对象的元素。
siblings([selector])返回集合中每个元素的同级元素(共享同一父元素的元素),可选择性地通过选择器过滤。
slice(start, [end])将匹配的元素集减少到由索引范围指定的子集。

有关详细示例和更多信息,请参阅官方的 jQuery 遍历文档。