[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的 }) ```