jquey的parent()和parents()的区别

时间:2021-06-14 16:44:32

经常使用jquery,有时候就是傻傻分不清$obj.parent()和$obj.parents()的区别。今天就来做个彻底的了断。

来我们看举例:一个简单dom结构

<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
</head>
<body>
<div class="div001">
<div class="div01">
<div class="div1" id="div1">div1</div>
</div>
</div>
<div class="div002">
<div class="div02">
<div class="div1 div2" id="div2">div2</div>
</div>
</div>
<div class="div003">
<div class="div03">
<div class="div1 div2 div3" id="div3">div3</div>
</div>
</div>
</body>
</html>

parent()就是找jquery选择器选择中的元素的直接父元素的集合,不含祖先元素

我们parent()中不带参数,找得就是jquery选择器选中元素的直接父元素集合

jquey的parent()和parents()的区别

如果parent(selector)中带了选择器参数,那么找得就是 符合选择器参数的父元素的集合

jquey的parent()和parents()的区别

我们再看parents().

parents()找得是 jquery选择器选中元素的祖先元素包括父元素,共同的祖先元素合并

jquey的parent()和parents()的区别

如果parents(selector)中带了选择器参数,那么找得就是符合这选择器参数的祖先元素的集合

jquey的parent()和parents()的区别