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刚刚相反 ，返回所有不匹配条件的元素

 

转载于:https://my.oschina.net/u/1031097/blog/834011