jQuery学习笔记三

jQuery 遍历

jQuery 遍历 - 祖先

parent()// 返回所选元素的直接父元素
parents()// 返回被选元素的所有祖先元素
parentsUntil()
$("span").parentsUntil("div");// 返回介于span与div之间的所有祖先元素 不包括div

jQuery 遍历 - 后代

children()// 返回直接子元素
$("div").children("p.1");// 类名为1的所有p元素且为div直接子元素
find()// 返回指定后代元素
$("div").find("*");// 返回所有后代元素

jQuery 遍历 - 同胞

同胞拥有相同的父元素。

siblings()// 返回所有同胞元素
$("h2").siblings("p");// 过滤返回p元素
next()// 返回下一个同胞元素
nextAll()// 返回后续所有同胞元素
nextUntil()// 返回介于两者元素之间的所有同胞元素
prev()// 同上 向前遍历
prevAll()
prevUntil()

jQuery 遍历 - 过滤

$("div p").first();// 返回首个div元素
.last()// 返回最后一个元素
 $("p").eq(1);// 返回指定索引号的元素 索引从0开始 1是第二个p元素
 $("p").filter(".intro");// 返回带有类名intro的所有p元素
 $("p").not(".intro");// 与filter相反