jquery笔记(遍历)

时间:2022-08-19 05:09:38

祖先:

$("selector").parent().css():返回被选元素的直接父元素,并调用css方法。

$("selector").parents().css():方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>),也可以使用可选参数来过滤对祖先元素的搜索。

$("selector1").parentsUntil("selector2").css():返回介于两个给定元素之间的所有祖先元素。selector1与selector2之间的元素。

后代:

children() 方法返回被选元素的所有直接子元素。

find() 方法返回被选元素的后代元素,一路向下直到最后一个后代,可以采取选择器,find("*")为所有后代。

同胞(水平遍历):

siblings() 方法返回被选元素的所有同胞元素,可以过滤。

next() 方法返回被选元素的下一个同胞元素。

nextAll() 方法返回被选元素的所有跟随的同胞元素,后面的所有同胞元素。

nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素,例子:

介于 <h2> 与 <h6> 元素之间的所有同胞元素, 如:$(document).ready(function(){ $("h2").nextUntil("h6");});

prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似,只不过方向相反而已:它们返回的是前面的同胞元素(在 DOM 树中沿着同胞元素向后遍历,而不是向前)。

过滤:

first() 方法返回被选元素的首个元素。

last() 方法返回被选元素的最后一个元素。

eq() 方法返回被选元素中带有指定索引号的元素。如:$("p").eq(1);

filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。如:$("p").filter(".intro");

not() 方法返回不匹配标准的所有元素。与filter相反。