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

编写自己的jQuery插件简单实现代码

Apr 19 Javascript

JS获取当前日期时间并定时刷新示例

Mar 04 Javascript

gridview生成时如何去掉style属性中的border-collapse

Sep 30 Javascript

javascript实现点击提交按钮后显示loading的方法

Jul 03 Javascript

javascript正则表达式总结

Feb 29 Javascript

在vue-cli中组件通信的方法

Dec 16 Javascript

webpack 静态资源集中输出的方法示例

Nov 09 Javascript

ES6知识点整理之数组解构和字符串解构的应用示例

Apr 17 Javascript

详解在Angular4中使用ng2-baidu-map的方法

Jun 19 Javascript

Element图表初始大小及窗口自适应实现

Jul 10 Javascript

prettier自动格式化去换行的实现代码

Aug 25 Javascript

javascript使用canvas实现饼状图效果

Sep 08 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

Terran热键控制

2020/03/14 星际争霸

PHP 和 XML: 使用expat函数(二)

2006/10/09 PHP

discuz免激活同步登入代码修改方法(discuz同步登录)

2013/12/24 PHP

phpStudy2016 配置多个域名期间遇到的问题小结

2017/10/19 PHP

php表单处理操作

2017/11/16 PHP

基于JQuery.timer插件实现一个计时器

2010/04/25 Javascript

JavaScript.Encode手动解码技巧

2010/07/14 Javascript

Javascript中的this绑定介绍

2011/09/22 Javascript

javascript时间自动刷新实现原理与步骤

2013/01/06 Javascript

JavaScript禁止页面操作的示例代码

2013/12/17 Javascript

通过JS动态创建一个html DOM元素并显示

2014/10/15 Javascript

js的toLowerCase方法用法实例

2015/01/27 Javascript

学习JavaScript设计模式之中介者模式

2016/01/14 Javascript

js操作DOM--添加、删除节点的简单实例

2016/07/08 Javascript

jQuery如何解决IE输入框不能输入的问题

2016/10/08 Javascript

nodejs redis 发布订阅机制封装实现方法及实例代码

2016/12/15 NodeJs

JS中如何实现复选框全选功能

2016/12/19 Javascript

bootstrap table 多选框分页保留示例代码

2017/03/08 Javascript

详解webpack3如何正确引用并使用jQuery库

2017/08/26 jQuery

Vue集成Iframe页面的方法示例

2017/12/12 Javascript

利用原生js实现html5小游戏之打砖块（附源码）

2018/01/03 Javascript

node中实现删除目录的几种方法

2019/06/24 Javascript

jQuery zTree插件使用简单教程

2019/08/16 jQuery

vue动态加载SVG文件并修改节点数据的操作代码

2020/08/17 Javascript

Python中base64与xml取值结合问题

2019/12/22 Python

CSS3实现多重边框的方法总结

2016/05/31 HTML / CSS

分享CSS3制作卡片式图片的方法

2016/07/08 HTML / CSS

计算机维护专业推荐信

2014/02/27 职场文书

洗发露广告词

2014/03/14 职场文书

公司业务员岗位职责

2014/03/18 职场文书

2014年大学宣传部工作总结

2014/12/19 职场文书

2015年学校党建工作总结

2015/05/19 职场文书

2015年幼儿园师德师风建设工作总结

2015/10/23 职场文书

MybatisPlus代码生成器的使用方法详解

2021/06/13 Java/Android

SpringDataJPA在Entity中常用的注解介绍

2021/12/06 Java/Android

Python实现批量自动整理文件

2022/03/16 Python