8.jQuery遍历

1.遍历祖先

• parent()- 返回被选元素的直接父元素。
• parents()-返回所有祖先元素
• parentsUntil()-返回给定两个元素之间的所有父元素

2.遍历子元素

• children()- 返回被选元素的所有直接子元素。

  $(document).ready(function(){
      $("div").children();
  });
  

• find() - 返回被选元素的后代元素，一路向下直到最后一个后代。

  $(document).ready(function(){
      $("div").find("span");
  });
  

3.遍历同胞

• siblings() - 返回被选元素的所有同胞元素。

  $(document).ready(function(){
      $("h2").siblings();
  });
  

  过滤：

  $(document).ready(function(){
      $("h2").siblings("p");
  });
  

• next() - 返回被选元素的下一个同胞元素。

  $(document).ready(function(){
      $("h2").next();
  });
  

• nextAll() - 返回被选元素的所有跟随的同胞元素

  $(document).ready(function(){
      $("h2").nextAll();
  });
  

• nextUntil() - 返回介于两个给定参数之间的所有跟随的同胞元素。

  $(document).ready(function(){
      $("h2").nextUntil("h6");
  });
  

• prev() - 返回被选元素的上一个同胞元素。

• prevAll() - 返回被选元素的以上所有跟随的同胞元素

• prevUntil() - 返回介于两个给定参数之间的所有跟随的同胞元素。

  $(document).ready(function(){
    $("h6").nextUntil("h2");
  });
  

4.过滤

• first() 返回被选元素的首个元素。

  $(document).ready(function(){
      $("div p").first();
  });
  

• last() 返回被选元素的最后一个元素。

  $(document).ready(function(){
      $("div p").last();
  });
  

• eq() - 返回被选元素中带有指定索引号的元素。

  $(document).ready(function(){
      $("p").eq(1);
  });
  

• filter() 允许您规定一个标准。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回。

  $(document).ready(function(){
      $("p").filter(".intro");
  });
  

• not() 返回不匹配标准的所有元素。

  $(document).ready(function(){
      $("p").not(".intro");
  });