jQuery学习笔记四

十七。遍历（选择器）

1.祖先（父元素）

parent()-->返回父元素

parents()-->返回所有的父元素，直接html(包括html),可以加入参数进行选择，

比如： $("span").parents("ul");表示span的祖先元素中的ul元素

parentsUntil()--> 表示介于两个元素之间的所有祖先元素，比如：

$("span").parentsUntil("div") 表示span到div的所有父元素，不包括它们自己。

2.后代（子代）：

　children();直接返回子代元素；

　参数可过滤选择：$("div").children("p.1");　返回div的子代中类名为”1“的所有子元素。

find("*")返回所有的子代,参数不能为空

$("div").find("span");　过滤选择，返回div子代中的span；

$("div").find("*");　返回div下的所有子代。

3.同胞元素：

• siblings()　　返回被选元素的所有同胞元素，可加参数过滤，比如：$("h2").siblings("p")表示与h2同级的元素中的p元素

• next()　　　返回下一个同胞元素

• nextAll()　　返回所选元素后面所有的同胞元素，不包括自己

• nextUntil()　返回介于两元素之间的所有同胞元素，不包括前后两个，比如： $("h2").nextUntil("h6");

• prev()　　　前一个，与next类似，方向相反

• prevAll()　　前面所有，不包括自己

• prevUntil()　与nextUntil类似，返回所选元素前面介于两者之间的同胞元素；

4.过滤：

first() 返回被选元素集合的第一个元素；

last() 返回　最后一个

end() 返回　倒数第二个

eq(i) 返回第i个元素，类似数组，从0开始计算；

slice(a,b) 返回第a到第b个元素，不包括a,但包括b. 从1开始算起。-->前面讲到过

fiter() 返回匹配的元素，比如：$("p").filter(".intro");　返回类名为intro的p元素;

not()　与fiter() 相反：$("p").not(".intro");　返回类名为intro之外的p元素；

更详细的遍历方法，看这里：http://www.runoob.com/jquery/jquery-traversing-filtering.html

（之前提到过，只是给的是W3C的地址，实际上内容是一样的）

有些方法可能通过选择器进行选择：详细的参考资料：

http://www.runoob.com/jquery/jquery-ref-selectors.html