jQuery学习笔记（四）

jquery遍历

jquery遍历就是查找元素，从一个元素开始沿着这个元素移动并到达期望请选择的元素。

遍历

在DOM中存在这几种关系：

• 父子元素
• 兄弟元素
• 祖先元素，后代元素

祖先

• parent()：返回被选元素的父元素。
• parents()：返回被选元素的所有祖先元素直到根元素。
• parentsUntil()：返回两个给定元素之间的所有祖先元素。

使用过滤器：

// parents()过滤器
$(document).ready(function(){
  $("span").parents("ul");
});

// parentsUntil()
$(document).ready(function(){
  $("span").parentsUntil("div");
});

后代

• children()：返回被选元素的所有直接子元素。
• find()：返回被选元素的所有后代元素。

也可以使用过滤器。

兄弟

兄弟节点拥有相同的父元素。

• siblings()：返回被选元素的所有兄弟元素。
• next()：返回被选元素的下一个兄弟元素。
• nextAll()：返回被选元素的后面的所有兄弟元素。
• nextUntil()：返回介于两个给定参数之间的所有兄弟元素。
• prev()：返回被选元素的上一个兄弟元素。
• prevAll()：返回被选元素的前面的所有兄弟元素。
• prevUnitl()：返回介于两个给定参数之间的所有兄弟元素。

过滤

过滤是为了缩小搜索的范围。

• first()：返回被选元素的第一个元素。
• last()：返回被选元素的最后一个元素。
• eq()：选择指定index的元素。
• filter()：返回被选元素中匹配的元素。
• not()：返回被选元素中不匹配的元素。

filter()和not()相反。