加入收藏 | 设为首页 | 会员中心 | 我要投稿 聊城站长网 (https://www.0635zz.com/)- 智能语音交互、行业智能、AI应用、云计算、5G!
当前位置: 首页 > 教程 > 正文

jquery中的查找parents与closest方法之间的差异

发布时间:2023-08-09 14:35:52 所属栏目:教程 来源:
导读:一、返回值 前者可以返回多个元素 或者只能返回0个或者1个

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

三、开始的元素不同 前者是从父元素开始
一、返回值 前者可以返回多个元素 或者只能返回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
 
 

(编辑:聊城站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章