Jquery 从入门到放弃（六）

Jquery遍历

发源于树，再学习数据结构中各类树已经再也不陌生，二叉树，红黑树，B+，A+，而后他们的遍历也分中序，前序，后续等等遍历方法。如今我们讲html元素的遍历

这是一个DOM tree

从枝丫向根部寻找，称做向上遍历：

• parent()  //  直接父元素

• $("span").parents();

• parents()  //他的全部上级元素，全部祖先们

• $(document).ready(function(){
    $("span").parents("ul");
  });

• parentsUntil()  //返回介于两个给定元素之间的全部祖先元素

• $("span").parentsUntil("div");

向下遍历

•    children 返回直接子元素

$("div").children();

•    children 返回有限制条件的直接子元素

$("div").children("p.1"); //返回类名为 "1" 的全部 <p> 元素，而且它们是 <div> 的直接子元素

• find() 返回全部后代元素

• $("div").find("*");

• 返回有条件限制的后代元素

• $("div").find("span"); //返回属于 <div> 后代的全部 <span> 元素

水平遍历

• siblings()   返回被选元素的全部同胞元素（同一级别）
• next()        返回被选元素的下一个同胞元素
• nextAll()    返回被选元素的全部跟随的同胞元素
• nextUntil()  返回介于两个给定参数之间的全部跟随的同胞元素
• prev()         反向同胞
• prevAll()    反向同胞的全部跟随的同胞元素
• prevUntil()  反向同胞，介于两个给定参数之间的全部跟随的同胞元素

这里比较简单，就不作代码演示

过滤方法

• first()  返回第一个
• last() 返回最后一个
•  eq() 返回相等的一个
• filter()  //自定义过滤标准，不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回

• $("p").filter(".intro"); //返回全部带有类名 "intro" 的全部 <p> 元素

• not()  和上边的filter刚刚相反 ，返回全部不匹配条件的元素