编程 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 相关文章推荐

onclick与listeners的执行先后问题详细解剖

Jan 07 Javascript

ExtJs默认的字体大小改变的几种方法(自己整理)

Apr 18 Javascript

原生JS实现LOADING效果

Mar 16 Javascript

jquery中map函数遍历数组用法实例

May 18 Javascript

基于JQuery实现图片轮播效果(焦点图)

Feb 02 Javascript

js实现为a标签添加事件的方法(使用闭包循环)

Aug 02 Javascript

js中new一个对象的过程

Feb 20 Javascript

基于jQuery实现的Ajax 验证用户名唯一性实例代码

Jun 28 jQuery

Vue用v-for给src属性赋值的方法

Mar 03 Javascript

解决vue select当前value没有更新到vue对象属性的问题

Aug 30 Javascript

vue项目初始化到登录login页面的示例

Oct 31 Javascript

VUE table表格动态添加一列数据,新增的这些数据不可以编辑（v-model绑定的数据不能实时更新）

Apr 03 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

You might like

php实现refresh刷新页面批量导入数据的方法

2014/12/23 PHP

php简单实现数组分页的方法

2016/04/30 PHP

解决yii2左侧菜单子级无法高亮问题的方法

2016/05/08 PHP

JQuery this 和 $(this) 的区别

2009/08/23 Javascript

jQuery圆形统计图开发实例

2015/01/04 Javascript

javascript自定义in_array()函数实现方法

2015/08/03 Javascript

JS实现可展开折叠层的鼠标拖曳效果

2015/10/09 Javascript

JavaScript数值千分位格式化的两种简单实现方法

2016/08/01 Javascript

JS前端开发判断是否是手机端并跳转操作（小结）

2017/02/05 Javascript

基于JavaScript实现报警器提示音效果

2017/10/27 Javascript

vue2.0 elementUI制作面包屑导航栏

2018/02/22 Javascript

vue服务端渲染添加缓存的方法

2018/09/18 Javascript

详解react阻止无效重渲染的多种方式

2018/12/11 Javascript

在vue中获取微信支付code及code被占用问题的解决方法

2019/04/16 Javascript

layUI的验证码功能及校验实例

2019/10/25 Javascript

vue实现短信验证码登录功能（流程详解）

2019/12/10 Javascript

el-form 多层级表单的实现示例

2020/09/10 Javascript

[01:56]生活中的妖精之七夕特别档

2016/08/09 DOTA

python实现逻辑回归的方法示例

2017/05/02 Python

Flask框架信号用法实例分析

2018/07/24 Python

基于python3 pyQt5 QtDesignner实现窗口化猜数字游戏功能

2019/07/15 Python

详解Python的三种拷贝方式

2020/02/11 Python

使用jupyter notebook将文件保存为Markdown,HTML等文件格式

2020/04/14 Python

tensorflow实现从.ckpt文件中读取任意变量

2020/05/26 Python

plt.figure()参数使用详解及运行演示

2021/01/08 Python

Python中使用Selenium环境安装的方法步骤

2021/02/22 Python

CSS3媒体查询Media Queries基础学习教程

2016/02/29 HTML / CSS

Agoda香港：全球特价酒店预订

2017/05/07 全球购物

英国羊绒服装购物网站：Pure Collection

2018/10/22 全球购物

客户经理岗位职责

2013/12/08 职场文书

会计电算化大学生职业规划书

2014/02/05 职场文书

小组名称和口号

2014/06/09 职场文书

党员志愿者服务倡议书

2015/04/29 职场文书

中学社团活动总结

2015/05/07 职场文书

职位证明模板

2015/06/23 职场文书

交通事故责任认定书

2015/08/06 职场文书