DOM遍历方法(基于jQuery)

Posted jxstar

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了DOM遍历方法(基于jQuery)相关的知识,希望对你有一定的参考价值。

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

筛选元素


.filter(selector)                              与给定的选择符selector匹配的选中元素

.filter(callback)                              回调函数callback返回true的选中元素

.eq(index)                                     从0开始计数的第index个选中元素

.first()                                            选中元素中的第一个元素

.last()                                            选中元素中的最后一个元素

.slice(start, [end])                         从0开始计数的给定范围内的选中元素

.not(selector)                                选中元素中与给定选择符不匹配的元素

.has(selector)                               选中元素中有后代匹配给定选择符的元素

 

后代元素


.find(selector)                               与给定选择符selector匹配的后代元素

.contents()                                    子节点(包括文本节点)

.children([selector])                       子节点, 可以传入可选的选择符selector进一步筛选

 

同辈元素


.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进一步筛选

 

祖先元素


.parent([selector])                        每个选中元素的父元素,可以传入可选的选择符selector进一步筛选

.parents([selector])                      每个选中元素的所有祖先元素,可以传入可选的选择符selector进一步筛选

.parentsUntil([selector], [filter])    每个选中元素的所有祖先元素、直至但不包含第一个匹配selector元素的祖先元素,可以传入可选的选择符filter进一步筛选

.closest(selector)                         与选择符匹配的第一个元素,遍历路径从选中元素开始,沿DOM树向上在其中祖先节点中的查找

.offsetParent()                             第一个选中元素被定位的父元素(如,通过relative或absolute定位)

 

集合操作


.add(selector)                             选中的元素,加上与给定选择符匹配的元素

.addBack()                                  选中的元素,加上内部jQuery栈中之前选中的那一组元素

.end()                                          内部jQuery栈中之前选中的元素

.map(callback)                            对每个选中元素调用回调函数callback之后的结果

.pushStack(elements)                指定的元素

 

操作选中的元素


.is(selector)                               确定匹配的元素中是否有传入的选择符匹配的元素

.index()                                      取得匹配元素相对于其同辈元素的索引

.index(element)                         取得匹配元素中与指定元素对应的DOM节点的索引

$.contains(a, b)                         确定DOM节点a是否包含DOM节点b

.each(callback)                         迭代匹配的元素,针对每个元素执行callback函数

.length                                      取得匹配元素的数量

.get()                                         取得与匹配元素对应的DOM节点的列表

.get(index)                                取得匹配元素中与指定索引对应的DOM节点

.toArray()                                  取得与匹配元素对应的DOM节点的列表

以上是关于DOM遍历方法(基于jQuery)的主要内容,如果未能解决你的问题,请参考以下文章

jquery遍历总结(转)

jQuery 遍历 - 祖先:向上遍历 DOM 树,以查找元素的祖先

jquery如何遍历dom对象

jquery隐式迭代(遍历内部dom元素) jquery设置样式方法

jQuery 遍历 – 后代

jQuery遍历-后代