**JQUERY** jQuery遍历

>原理&向上遍历

---

>>jQuery的遍历建立在DOM的结点树的基础上。能够轻松的向上向下水平移动

>>向上遍历

parent()返回父节点

parents("spl")返回被选节点的所有祖先元素，构成一个数组，可以对祖先元素进行搜索。

parentsUntil()返回介于两个结点间所有的祖先元素，不包括这两个结点

>向下遍历

---

>>通过DOM的结点树，访问其子节点

>>children()返回被选结点的所有直接子元素，构成数组。可以添加参数，对子元素进行搜索

<span style="font-size:14px;">$(document).ready(function(){
  $("div").children("p.1");
});</span>

//上述代码，会返回类名为一的子节点

>>find()

<span style="font-size:14px;">$(document).ready(function(){
  $("div").find("*");
});</span>

//上述代码使用了JS中的通配符，返回了所有的子节点

>水平遍历

---

sibling()返回被选元素的所有同胞元素，可以使用可选参数对同胞元素进行搜索

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

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

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

//上下两种遍历方法相同方向相反

prev()

prev()

prevAll()

prevUntil()

>jQuery过滤

---

>>根据一族元素中的位置来选择一个特定的元素

first()

last()

eq()

<span style="font-size:14px;">$(document).ready(function(){
  $("div p").first();
});</span>

选取div中第一个是<p>的元素

<span style="font-size:14px;">$(document).ready(function(){
  $("p").eq(1);
});</span>

选取第二个<p>元

>>选取匹配或不匹配某项制定标准的元素

filter()允许我们设定匹配标准

not()设定不匹配的标准

<span style="font-size:14px;">$(document).ready(function(){
  $("p").filter(".intro");
});</span>

返回带有类名.intro的所有<p>元素