jQuery 遍历

1.什么是遍历？
jQuery 遍历，意为“移动”，用于根据其相对于其他元素的关系来“查找”（或选取）HTML 元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。

上图展示了一个家族树。通过 jQuery 遍历，您能够从被选（当前的）元素开始，轻松地在家族树中向上移动（祖先），向下移动（子孙），水平移动（同胞）。这种移动被称为对 DOM 进行遍历。
遍历方法中最大的种类是树遍历（tree-traversal）。

2.jQuery 遍历 - 祖先
（1）jQuery parent() 方法-返回被选元素的直接父元素

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

（2）jQuery parents() 方法-返回被选元素的所有祖先元素

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

（3）jQuery parentsUntil() 方法-返回介于两个给定元素之间的所有祖先元素

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

3.jQuery 遍历 - 后代
（1）jQuery children() 方法-返回被选元素的所有直接子元素

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

（2）jQuery find() 方法-返回被选元素的后代元素，一路向下直到最后一个后代

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

4.jQuery 遍历 - 同胞
（1）jQuery siblings() 方法-返回被选元素的所有同胞元素

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

（2）jQuery next() 方法-返回被选元素的下一个同胞元素

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

（3）jQuery nextAll() 方法-返回被选元素的所有跟随的同胞元素

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

（4）jQuery nextUntil() 方法-返回介于两个给定参数之间的所有跟随的同胞元素

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

5.jQuery 遍历 - 过滤
（1）jQuery first() 方法-返回被选元素的首个元素

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

（2）jQuery last() 方法-返回被选元素的最后一个元素

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

（3）jQuery eq() 方法-返回被选元素中带有指定索引号的元素

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

（4）jQuery filter() 方法-允许您规定一个标准。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回

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

（5）jQuery not() 方法-返回不匹配标准的所有元素

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