遍历 DOM

jQuery 提供了多种遍历 DOM 的方法。

遍历方法中最大的种类是树遍历（tree-traversal）。

下一章会讲解如何在 DOM 树中向上、下以及同级移动。

 

向上遍历 DOM 树

这些 jQuery 方法很有用，它们用于向上遍历 DOM 树：

  • parent()
  • parents()
  • parentsUntil()

向下遍历 DOM 树

下面是两个用于向下遍历 DOM 树的 jQuery 方法：

  • children()
  • find()

在 DOM 树中水平遍历

有许多有用的方法让我们在 DOM 树进行水平遍历：

  • siblings()
  • next()
  • nextAll()
  • nextUntil()
  • prev()
  • prevAll()
  • prevUntil()

 

缩小搜索元素的范围

三个最基本的过滤方法是：first(), last() 和 eq()，它们允许您基于其在一组元素中的位置来选择一个特定的元素。

其他过滤方法，比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。

 

 

jQuery 遍历函数

jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。

函数

描述

​​.add()​​

将元素添加到匹配元素的集合中。

​​.andSelf()​​

把堆栈中之前的元素集添加到当前集合中。

​​.children()​​

获得匹配元素集合中每个元素的所有子元素。

​​.closest()​​

从元素本身开始，逐级向上级元素匹配，并返回最先匹配的祖先元素。

​​.contents()​​

获得匹配元素集合中每个元素的子元素，包括文本和注释节点。

​​.each()​​

对 jQuery 对象进行迭代，为每个匹配元素执行函数。

​​.end()​​

结束当前链中最近的一次筛选操作，并将匹配元素集合返回到前一次的状态。

​​.eq()​​

将匹配元素集合缩减为位于指定索引的新元素。

​​.filter()​​

将匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素。

​​.find()​​

获得当前匹配元素集合中每个元素的后代，由选择器进行筛选。

​​.first()​​

将匹配元素集合缩减为集合中的第一个元素。

​​.has()​​

将匹配元素集合缩减为包含特定元素的后代的集合。

​​.is()​​

根据选择器检查当前匹配元素集合，如果存在至少一个匹配元素，则返回 true。

​​.last()​​

将匹配元素集合缩减为集合中的最后一个元素。

​​.map()​​

把当前匹配集合中的每个元素传递给函数，产生包含返回值的新 jQuery 对象。

​​.next()​​

获得匹配元素集合中每个元素紧邻的同辈元素。

​​.nextAll()​​

获得匹配元素集合中每个元素之后的所有同辈元素，由选择器进行筛选（可选）。

​​.nextUntil()​​

获得每个元素之后所有的同辈元素，直到遇到匹配选择器的元素为止。

​​.not()​​

从匹配元素集合中删除元素。

​​.offsetParent()​​

获得用于定位的第一个父元素。

​​.parent()​​

获得当前匹配元素集合中每个元素的父元素，由选择器筛选（可选）。

​​.parents()​​

获得当前匹配元素集合中每个元素的祖先元素，由选择器筛选（可选）。

​​.parentsUntil()​​

获得当前匹配元素集合中每个元素的祖先元素，直到遇到匹配选择器的元素为止。

​​.prev()​​

获得匹配元素集合中每个元素紧邻的前一个同辈元素，由选择器筛选（可选）。

​​.prevAll()​​

获得匹配元素集合中每个元素之前的所有同辈元素，由选择器进行筛选（可选）。

​​.prevUntil()​​

获得每个元素之前所有的同辈元素，直到遇到匹配选择器的元素为止。

​​.siblings()​​

获得匹配元素集合中所有元素的同辈元素，由选择器筛选（可选）。

​​.slice()​​

将匹配元素集合缩减为指定范围的子集。

 


此随笔或为自己所写、或为转载于网络。仅用于个人收集及备忘。