jQ DOM操作之遍历
2017-06-23 本文已影响0人
Llllalo
![](https://img.haomeiwen.com/i1754617/b9a81c8a022ed6a1.png)
![](https://img.haomeiwen.com/i1754617/de705c377f115c4f.png)
一.祖先
1 .parent() — 返回被选元素的直接父元素
![](https://img.haomeiwen.com/i1754617/971c29ed056e7bfb.png)
2.1 .parent() — 返回被选元素的所有族元素,直到根元素(<html>)
![](https://img.haomeiwen.com/i1754617/9d88fb8ada97916a.png)
2.2 .parent(‘’) — 使用可选参数过滤
![](https://img.haomeiwen.com/i1754617/e5a389eea453064a.png)
3 .parentsUntil() — 返回介于两个给定元素之间的所有祖先元素
![](https://img.haomeiwen.com/i1754617/a18b557620254d03.png)
二.后代
1.1 .children() — 返回被选元素的所有直接子元素
![](https://img.haomeiwen.com/i1754617/39b733768a8f3165.png)
1.2 .children(‘') — 使用可选参数来过滤子元素
![](https://img.haomeiwen.com/i1754617/dcc9045c917c5534.png)
2 .find() — 返回被选元素的后代元素,一路向下直到最后一个后代
![](https://img.haomeiwen.com/i1754617/de217c8b393a27cb.png)
![](https://img.haomeiwen.com/i1754617/1903be86bf9e22ae.png)
三.同胞siblings
1.1 .siblings() — 返回被选元素的所有同胞元素
![](https://img.haomeiwen.com/i1754617/31aecbe380d05bcd.png)
1.2 .siblings(‘') — 使用可选参数来过滤
![](https://img.haomeiwen.com/i1754617/fc8beed8311dcb7a.png)
2 .next() — 返回被选元素的下一个同胞元素
![](https://img.haomeiwen.com/i1754617/83ed0c5e2840377d.png)
3 .nextAll() — 返回被选元素所有跟随的同胞元素
![](https://img.haomeiwen.com/i1754617/0fa341049308fec6.png)
4 .nextUntil() — 返回介于两个给定参数之间的所有跟随的同胞元素
![](https://img.haomeiwen.com/i1754617/a5c7cb735ef358d2.png)
5 .prev() .prevAll() .prevUntil() — 返回前面的同胞
四.过滤
1 .first() — 返回被选元素的首个元素
![](https://img.haomeiwen.com/i1754617/f5cd9c9521c26146.png)
2 .last() — 返回被选元素的最后一个元素
![](https://img.haomeiwen.com/i1754617/dccb74e557647cde.png)
![](https://img.haomeiwen.com/i1754617/36ac8525ccea1979.png)
3 .eq() — 返回被选元素中带有指定索引号的元素,索引号从0开始!
![](https://img.haomeiwen.com/i1754617/bd928cff0b016da0.png)
4 .filter() — 允许规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回
![](https://img.haomeiwen.com/i1754617/89e1f59583f748f6.png)
5 .not() — 返回不匹配标准的所有元素
![](https://img.haomeiwen.com/i1754617/3543d4196def83ac.png)