C.2 DOM 遍历方法

在使用$()创建了jQuery对象之后,通过调用下列DOM遍历方法,可以修改其中匹配的元素,以便将来操作。本书第2章讨论了DOM遍历方法。

C.2.1 筛选元素

表 C-7

遍历方法返回的jQuery对象中包含
.filter(selector)与给定的选择符selector匹配的选中元素
.filter(callback)回调函数callback返回true的选中元素
.eq(index)从0开始计数的第index个选中元素
.first()选中元素中的第一个元素
.last()选中元素中的最后一个元素
.slice(start, [end])从0开始计数的给定范围内的选中元素
.not(selector)选中元素中与给定选择符不匹配的元素
.has(selector)选中元素中有后代匹配给定选择符的元素

C.2.2 后代元素

表 C-8

遍历方法返回的jQuery对象中包含
.find(selector)与给定选择符selector匹配的后代元素
.contents()子节点(包括文本节点)
.children([selector])子节点,可以传入可选的选择符selector进一步筛选

C.2.3 同辈元素

表 C-9

遍历方法返回的jQuery对象中包含
.next([selector])每个选中元素紧邻的下一个同辈元素,可以传入可选的选择符selector进一步筛选
.nextAll([selector])每个选中元素之后的所有同辈元素,可以传入可选的选择符selector进一步筛选
.nextUntil([selector],[filter])每个选中元素之后、直至但不包含第一个匹配selector元素的同辈元素,可以传入可选的选择符filter进一步筛选
.prev([selector])每个选中元素紧邻的上一个同辈元素,可以传入可选的选择符selector进一步筛选
.prevAll([selector])每个选中元素之前的所有同辈元素,可以传入可选的选择符selector进一步筛选
.prevUntil([selector],[filter])每个选中元素之前、直至但不包含第一个匹配selector元素的同辈元素,可以传入可选的选择符filter进一步筛选
.siblings([selector])所有同辈元素,可以传入可选的选择符selector进一步筛选

C.2.4 祖先元素

表 C-10

遍历方法返回的jQuery对象中包含
.parent([selector])每个选中元素的父元素,可以传入可选的选择符selector进一步筛选
.parents([selector])每个选中元素的所有祖先元素,可以传入可选的选择符selector进一步筛选
.parentsUntil([selector],[filter])每个选中元素的所有祖先元素,直至但不包含第一个匹配selector的祖先元素,可以传入可选的选择符filter进一步筛选
.closest(selector)与选择符selector匹配的第一个元素,遍历路径从选中元素开始,沿DOM树向上在其中祖先节点中的查找
.offsetParent()第一个选中元素被定位的父元素(如,通过relativeabsolute定位)

C.2.5 集合操作

表 C-11

遍历方法返回的jQuery对象中包含
.add(selector)选中的元素,加上与给定选择符匹配的元素
.addBack()选中的元素,加上内部jQuery栈中之前选中的那一组元素
.end()内部jQuery栈中之前选中的元素
.map(callback)对每个选中元素调用回调函数callback之后的结果
.pushStack(elements)指定的元素

C.2.6 操作选中的元素

表 C-12

遍历方法说  明
.is(selector)确定匹配的元素中是否有传入的选择符匹配的元素
.index()取得匹配元素相对于其同辈元素的索引
.index(element)取得匹配元素中与指定元素对应的DOM节点的索引
$.contains(a,b)确定DOM节点b是否包含DOM节点a
.each(callback)迭代匹配的元素,针对每个元素执行callback函数
.length取得匹配元素的数量
.get()取得与匹配元素对应的DOM节点的列表
.get(index)取得匹配元素中与指定索引对应的DOM节点
.toArray()取得与匹配元素对应的DOM节点的列表