jquery--DOM遍历

jquery--DOM遍历:

1、祖先

1.1  parent()----向上一级对DOM树遍历,返回被选元素的直接父元素

1.2  parents()----返回被选元素的所有祖先元素

 1.3  parentsUntil()---返回介于两个给定元素之间的所有祖父元素

     eg: $("span ").parentsUntil("div"),返回介于span和div元素之间的所有祖先元素 

2、后代(向下遍历)

2.1 children()----返回被选元素的所有直接子元素,也可选参数来过滤子元素的搜索

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

3、同胞

3.1 siblings()----返回被选元素的所有同胞元素,也可以选参数来过滤对同胞元素的搜索

扫描二维码关注公众号,回复: 909707 查看本文章

      eg: $("span ").siblings("p"),返回介于span的同胞元素的所有p元素 

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

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

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

      eg: $("span ").nextUntil("p"),返回介于span和p元素之间的所有同胞元素

3.5  prev()---获得匹配元素集合中每个元素紧邻的前一个同胞元素

3.6  prevAll()---获得匹配元素集合中每个元素之前的所有同辈元素

3.7  prevUntil()----获得每个元素之前所有的同辈元素,直到遇到匹配选择器的元素为止。

4、过滤

4.1 first()----返回被选元素的首个元素

eg: $(" div p").first(),选取div元素内部的第一个p元素

4.2 last()----返回被选元素的最后一个元素

4.3 eq()---返回被选元素等于带有指定索引号的元素

eg: $(" p").eq(1),索引号从0开始

4.4 filter()----返回匹配的元素,不匹配会被从集合中删除

eg: $(" p").filter(“.url”),返回嗲有类名 url的所有的p元素

4.5  not()----返回不配的所有元素,与方法filter()相反

4.6  has()---将匹配元素集合缩减为拥有匹配指定选择器

eg: $(" ul").has(“li”).addClass(".full"), ul下的li添加类full

4.7 slice()---- 把匹配元素集合缩减为指定的指数范围的子集

eg:$("p").slice(0,2);  选择段落只包含第一、第二段落

猜你喜欢

转载自blog.csdn.net/weixin_38091374/article/details/79291307