## 1 定义 与Xpath选择器十分详细。在简介中通过css选择器,能够锁定目标元素。 ## 2 向上遍历 * parent() * parents() * parentsUntil() ``` $(document).ready(function(){ $("span").parents("ul"); }); $(document).ready(function(){ $("span").parentsUntil("div"); }); ``` ## 3 向下遍历 * children() * find() ``` $(document).ready(function(){ $("div").children(); }); $(document).ready(function(){ $("div").find("span"); }); ``` ## 4 水平遍历 * siblings() * next() * nextAll() * nextUntil() * prev() * prevAll() * prevUntil() ``` $(document).ready(function(){ $("h2").siblings(); }); $(document).ready(function(){ $("h2").next(); }); $(document).ready(function(){ $("h2").nextUntil("h6"); }); ``` ## 5 遍历过滤 * first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。 * filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。 ``` $(document).ready(function(){ $("div p").first(); }); $(document).ready(function(){ $("div p").last(); }); $(document).ready(function(){ $("p").eq(1); }); $(document).ready(function(){ $("p").filter(".url"); }); $(document).ready(function(){ $("p").not(".url"); }); ```