(五)jQuery 遍历

(五)jQuery 遍历

parent() 方法返回被选元素的直接父元素。节点的父元素只有一个

parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)

parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。

$("span").parentsUntil("div");//span和div之间所有,但不包括他们自己

children() 方法返回被选元素的所有直接子元素。这个节点的子元素可以是多个

find("*") 方法返回被选元素的后代元素,一路向下直到最后一个后代(带参数的)

$("div").find("span");//div下的所有span元素

siblings() 方法返回被选元素的所有同胞元素。所有同级的元素

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

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

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

$("h2").nextUntil("h6");//h2和h6之间的,不包括h2和h6

prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似,只不过方向相反而已:它们返回的是前面的同胞元素(在 DOM 树中沿着同胞之前元素遍历,而不是之后元素遍历)

first() 方法返回被选元素的第一个标签。

$("div").first();//所有div中的第一个

last() 方法返回被选元素的最后一个标签。

$("div p").last();//在div的最后一个里的最后一个p


eq() 方法返回被选元素中带有指定索引号的元素。

$("p").eq(1);//索引从0开始


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

$("p").filter(".url");//所有类名为url的p元素被选取

not() 方法返回不匹配标准的所有元素。not() 方法与 filter() 相反。

$("p").not(".url");//返回不带有类名 "url" 的所有 <p> 元素


猜你喜欢

转载自blog.csdn.net/qq_35418250/article/details/77983558
今日推荐