编程 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每次Title显示不同的名言

Sep 25 Javascript

关于eval 与new Function 到底该选哪个?

Apr 17 Javascript

JavaScript 中的日期和时间及表示标准介绍

Aug 21 Javascript

从QQ网站中提取的纯JS省市区三级联动菜单

Dec 25 Javascript

纯js实现重发验证码按钮倒数功能

Apr 21 Javascript

js实现继承的5种方式

Dec 01 Javascript

JQuery 传送中文乱码问题的简单解决办法

May 24 Javascript

微信小程序获取微信OpenId详解及实例代码

Oct 31 Javascript

Node调用Java的示例代码

Sep 20 Javascript

js时间戳与日期格式之间转换详解

Dec 11 Javascript

Vue的路由及路由钩子函数的实现

Jul 02 Javascript

js实现超级玛丽小游戏

Mar 18 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

Dedecms V3.1 生成HTML速度的优化办法

2007/03/18 PHP

提高define性能的php扩展hidef的安装和使用

2011/06/14 PHP

PHP PDOStatement对象bindpram()、bindvalue()和bindcolumn之间的区别

2014/11/20 PHP

Laravel实现用户注册和登录

2015/01/23 PHP

javascript 二分法(数组array)

2010/04/24 Javascript

Javascript 中的 && 和 || 使用小结

2010/04/25 Javascript

jquery向.ashx文件post中文乱码问题的解决方法

2011/03/28 Javascript

推荐40个简单的 jQuery 导航插件和教程(下篇)

2012/09/14 Javascript

利用JQuery和JS实现奇偶行背景颜色自定义效果

2012/11/19 Javascript

JS代码同步文本框内容的实例方法

2013/07/12 Javascript

Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结

2015/04/15 Javascript

javascript生成img标签的3种实现方法(对象、方法、html)

2015/12/25 Javascript

解决vue 绑定对象内点击事件失效问题

2018/09/05 Javascript

关于vue编译版本引入的问题的解决

2018/09/17 Javascript

vue 使用vue-i18n做全局中英文切换的方法

2018/10/29 Javascript

微信小程序实现两个页面传值的方法分析

2018/12/11 Javascript

Vue 动态组件与 v-once 指令的实现

2019/02/12 Javascript

JS实现小星星特效

2019/12/24 Javascript

微信小程序基于movable-view实现滑动删除效果

2020/01/08 Javascript

js实现弹幕飞机效果

2020/08/27 Javascript

python脚本实现分析dns日志并对受访域名排行

2014/09/18 Python

Python使用matplotlib绘制动画的方法

2015/05/20 Python

Python如何为图片添加水印

2016/11/25 Python

Python 正则表达式入门（中级篇）

2016/12/07 Python

Python解析命令行读取参数--argparse模块使用方法

2018/01/23 Python

Django 实现前端图片压缩功能的方法

2019/08/07 Python

pytorch之添加BN的实现

2020/01/06 Python

python生成xml时规定dtd实例方法

2020/09/21 Python

如何用python 操作zookeeper

2020/12/28 Python

远程Wi-Fi宠物监控相机：Petcube

2017/04/26 全球购物

夜不归宿检讨书

2014/02/25 职场文书

小学生国庆65周年演讲稿范文（2篇）

2014/09/21 职场文书

学生偷窃检讨书

2014/09/25 职场文书

2015年置业顾问工作总结

2015/04/07 职场文书

2016年感恩教师节校园广播稿

2015/12/18 职场文书

Python上下文管理器Content Manager

2021/06/26 Python