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剛剛相反 ，返回全部不匹配條件的元素