[toc] ### 1. 向下遍歷 1. `children()`：遍歷子元素,可選參數 2. `find()`：必選參數 ``` $(".parent").children().css({backgroundColor: "#000"}); $(".parent").find(".test").css({backgroundColor: "#000"}); ``` ### 2. 向上遍歷 1. `parent()`：可選參數，遍歷上一級父元素 2. `parents()`：若不選參數則會選中所有的父級元素 3. `parentsUntil()`：獲取一個區間，遍歷父級元素直到傳遞的參數 ### 3. 同級遍歷 1. `siblings()`：所有的同級元素 2. `next()`：下一個元素 3. `nextAll()`：接下來的所有元素 4. `nextUntil()`：接下來直到某個元素，不包括兩端 5. `prev()`、`prevAll()`、`preUntil()`與之前方向相反 ### 4. 過濾 使用場景：例如`$("div p")`獲取div內的p標簽時可能會得到很多結果，這時獲取的結果會形成一個集合，并且有一個從0開始的index值 1. `first()`：獲取第一個結果 2. `last()`：獲取最后一個結果 3. `eq()`：選擇某個index值的結果 4. `filter()`：篩選某個參數 5. `not()`：排除某個參數 ``` $(function(){ $("div p").first() //找到"div下p元素"中第一組符合條件的 $("div p").last() //找到"div下p元素"中最后一組符合條件的 $("div p").eq(2) //找到"div下p元素"中第三組符合條件的 $("div p").filter(".pclass") //找到"div下p元素"中class為pclass的 $("div p").not(".pclass") //排除掉"div下p元素"中class為pclass的 }) ```