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

JS Replace()的高级使用方法介绍

Jun 29 Javascript

jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容

Jul 09 Javascript

浅析BootStrap Treeview的简单使用

Oct 12 Javascript

canvas实现十二星座星空图

Feb 14 Javascript

JavaScript数据结构之二叉树的遍历算法示例

Apr 13 Javascript

ES6入门教程之Iterator与for...of循环详解

May 17 Javascript

Ajax高级笔记 JavaScript高级程序设计笔记

Jun 22 Javascript

微信小程序获取javascript 里的数据

Aug 17 Javascript

vue中动态设置meta标签和title标签的方法

Jul 11 Javascript

JS实现百度网盘任意文件强制下载功能

Aug 31 Javascript

基于Koa2写个脚手架模拟接口服务的方法

Nov 27 Javascript

详解vue项目打包步骤

Mar 29 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数组遍历知识汇总（包含遍历方法、数组指针操作函数、数组遍历测速）

2014/07/05 PHP

ThinkPHP查询语句与关联查询用法实例

2014/11/01 PHP

浅析Yii2中GridView常见操作

2016/04/22 PHP

JavaScript 字符串与数组转换函数[不用split与join]

2009/12/13 Javascript

javascript 函数使用说明

2010/04/07 Javascript

在jQuery1.5中使用deferred对象着放大镜看Promise

2011/03/12 Javascript

jquery maxlength使用说明

2011/09/09 Javascript

JS多物体任意值链式缓冲运动

2012/08/10 Javascript

JavaScript字符串String和Array操作的有趣方法

2012/12/18 Javascript

客户端js判断文件类型和文件大小即限制上传大小

2013/11/20 Javascript

3种Jquery限制文本框只能输入数字字母的方法

2014/12/03 Javascript

javascript绘制漂亮的心型线效果完整实例

2016/02/02 Javascript

详解React Native开源时间日期选择器组件(react-native-datetime)

2017/09/13 Javascript

Node.js+jade抓取博客所有文章生成静态html文件的实例

2017/09/19 Javascript

NodeJs form-data格式传输文件的方法

2017/12/13 NodeJs

vue项目中使用particles实现粒子背景效果及遇到的坑(按钮没有点击响应)

2020/02/11 Javascript

详解Howler.js Web音频播放终极解决方案

2020/08/23 Javascript

Vue Element校验validate的实例

2020/09/21 Javascript

JavaScript实现打字游戏

2021/02/19 Javascript

Python的Flask框架标配模板引擎Jinja2的使用教程

2016/07/12 Python

python+django快速实现文件上传

2016/10/24 Python

Python实现PS滤镜特效之扇形变换效果示例

2018/01/26 Python

python3解析库BeautifulSoup4的安装配置与基本用法

2018/06/26 Python

python如何使用jt400.jar包代码实例

2019/12/20 Python

利用setuptools打包python程序的方法步骤

2020/01/18 Python

使用python-Jenkins批量创建及修改jobs操作

2020/05/12 Python

如何将Pycharm中调整字体大小的方式设置为"ctrl+鼠标滚轮上下滑"

2020/11/17 Python

CSS3只让背景图片旋转180度的实现示例

2021/03/09 HTML / CSS

万得城电器土耳其网站：欧洲第一大电子产品零售商

2016/10/07 全球购物

驾驶员安全责任书

2014/07/22 职场文书

机关作风建设自查报告及整改措施

2014/10/21 职场文书

会计专业求职信范文

2015/03/19 职场文书

离婚民事起诉状

2015/08/03 职场文书

5种方法告诉你如何使JavaScript 代码库更干净

2021/09/15 Javascript

关于springboot配置druid数据源不生效问题(踩坑记)

2021/09/25 Java/Android

8个JS的reduce使用实例和reduce操作方式

2021/10/05 Javascript