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() | 第一个选中元素被定位的父元素(如,通过relative 或absolute 定位) |
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节点的列表 |