jquery中的查找parents与closest方法之间的区别

前端技术 2023/09/05 JavaScript

一、返回值 前者可以返回多个元素 或者只能返回0个或者1个

二、停止的时间不同 前者是所有的上级元素即一直到根一般是body  后者是知道发现为止，发现一个就停止了

三、开始的元素不同 前者是从父元素开始  后者是从自身开始的

代码如下：

复制代码 代码如下:

<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
<html xmlns=\"http://www.w3.org/1999/xhtml\">
<head>
    <title>查找父元素</title>
    <script src=\"Scripts/jquery-1.4.1.js\" type=\"text/javascript\"></script>
</head>
<body>
 <div class=\"divclass\" id=\"div1\" style=\"width:300px;height:150px;\">
  <div  style=\"width:200px;height:100px; margin-top:10px;margin-left:30px;\">
  <p>
    给祖先添加边框
  </p>
  </div>
 </div>
</body>
</html>
 <script>
     $(\"p\").closest(\"div[id=\'div1\']\").css(\"border\", \"1px solid blue\");
 </script>

可以试着把closest改成parents

本文地址：https://www.stayed.cn/item/12466

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案