DOM——遍历

Posted 2020-10-16

      遍历.prev()、.siblings()、.add()和 .each()

1   .prev()无参数，可以取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合，

2   .prev()选择性地接受同一类型选择器表达式，需要对这个合集对象进行一定的筛选，找出目标元素，允许传一个选择器的表达式

3   .siblings()无参数，选择性的接受同一类型选择器表达式，取得一个包含匹配的元素集合中每一个元素的同辈元素的元素集合

4   .siblings()需要对这个合集对象进行一定的筛选，找出目标元素，允许传一个选择器的表达式

5   .add()的参数几乎接受任何的$()，包括JQuery选择器表达式、DOM元素和html片段引用

6    .add()创建一个新的JQuery对象，元素添加到匹配的元素集合中，还可以动态创建p标签加入到合集，然后插入到指定的位置，但这会改变元素本身的排列

7   .each()是一个for循环的包装迭代器，会迭代JQuery对象合集中的每一个DOM元素，每次回调函数执行时，会传递当前循环次数作为参数（从0开始计数）

8   .each()通过回调的方式处理，会有2个固定的实参、索引和元素，回调方法中的this指向当前迭代的dom元素

9   .each()可以在循环体里做一些逻辑操作，如果需要提前退出，可以通过返回false在回调函数内中止循环