经常使用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(selector)中带了选择器参数,那么找得就是 符合选择器参数的父元素的集合。
我们再看parents().
parents()找得是 jquery选择器选中元素的祖先元素包括父元素,共同的祖先元素合并。
如果parents(selector)中带了选择器参数,那么找得就是符合这选择器参数的祖先元素的集合。