编程 Javascript

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

Posted in Javascript onDecember 02, 2013

一、返回值前者可以返回多个元素或者只能返回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

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

跟随鼠标旋转的文字

Nov 30 Javascript

Jquery Autocomplete 结合asp.net使用要点

Oct 29 Javascript

js获取图片大小的函数代码

Sep 20 Javascript

JQuery EasyUI 日期控件如何控制日期选择区间

May 05 Javascript

JavaScript 实现打印,打印预览,打印设置

Dec 30 Javascript

jQuery实现信息提示框(带有圆角框与动画)效果

Aug 07 Javascript

在JavaScript中模拟类(class)及类的继承关系

May 20 Javascript

Vue 固定头固定列点击表头可排序的表格组件

Nov 25 Javascript

详解VUE 定义全局变量的几种实现方式

Jun 01 Javascript

javascript算法之二叉搜索树的示例代码

Sep 12 Javascript

vue项目每30秒刷新1次接口的实现方法

Dec 04 Javascript

js通过canvas生成图片缩略图

Oct 02 Javascript

jquery中的过滤操作详细解析

Dec 02 #Javascript

原生JS操作网页给p元素添加onclick事件及表格隔行变色

Dec 01 #Javascript

用JS实现3D球状标签云示例代码

Dec 01 #Javascript

js arguments,jcallee caller用法总结

Nov 30 #Javascript

js中arguments的用法(实例讲解)

Nov 30 #Javascript

JavaScript中的undefined学习总结

Nov 30 #Javascript

浅析JavaScript中的typeof运算符

Nov 30 #Javascript