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() | 结束当前链中的最新过滤操作,并将匹配的元素集返回到其先前状态 |