jQuery使我们可以“遍历”或遍历构成页面的HTML元素。首先,我们进行初始选择,然后相对于该选择遍历DOM。在浏览DOM时,我们正在更改原始选择。
jQuery提供了多种方法来允许我们遍历DOM。
遍历方法的最大类别是树遍历。
下表列出了所有过滤方法,可用于从DOM元素列表中过滤出各种元素:
| 方法 | 描述 |
|---|---|
| eq() | 返回具有选定元素的特定索引号的元素 |
| filter() | 将匹配元素的集合减少到与选择器匹配或通过功能测试的元素 |
| first() | 返回所选元素的第一个元素 |
| has() | 返回其中包含一个或多个元素的所有元素 |
| is() | 根据选择器/元素/ jQuery对象检查匹配的元素集,如果这些元素中的至少一个与给定参数匹配,则返回true |
| last() | 返回所选元素的最后一个元素 |
| map() | 通过函数传递当前匹配集中的每个元素,产生一个包含返回值的新jQuery对象 |
| not() | 返回不符合特定条件的元素 |
| slice() | 将匹配元素的集合减少为由一系列索引指定的子集 |
下表列出了用于遍历DOM的所有树遍历方法:
| 方法 | 描述 |
|---|---|
| children() | 返回所选元素的所有直接子级 |
| closest() | 返回所选元素的第一个祖先 |
| each() | 为每个匹配的元素执行一个函数 |
| find() | 返回所选元素的后代元素 |
| next() | 返回所选元素的下一个同级元素 |
| nextAll() | 返回所选元素的所有下一个同级元素 |
| nextUntil() | 返回两个给定参数之间的所有下一个同级元素 |
| offsetParent() | 返回第一个定位的父元素 |
| parent() | 返回所选元素的直接父元素 |
| parents() | 返回选定元素的所有祖先元素 |
| parentsUntil() | 返回两个给定参数之间的所有祖先元素 |
| prev() | 返回所选元素的上一个同级元素 |
| prevAll() | 返回所选元素的所有先前的同级元素 |
| prevUntil() | 返回两个给定参数之间的所有先前的同级元素 |
| siblings() | 返回所选元素的所有同级元素 |
下表列出了所有其他遍历方法:
| 方法 | 描述 |
|---|---|
| add() | 将元素添加到匹配的元素集中 |
| addBack() | 将上一组元素添加到当前集中 |
| andSelf() | 版本1.8中已弃用 addBack()的别名 |
| contents() | 返回所选元素的所有直接子级(包括文本和注释节点) |
| end() | 结束当前链中的最新过滤操作,并将匹配的元素集返回到其先前状态 |