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
Javascript 相关文章推荐
jQuery入门问答 整理的几个常见的初学者问题
Feb 22 Javascript
jquery删除数据记录时的弹出提示效果
May 06 Javascript
sails框架的学习指南
Dec 22 Javascript
javascript实现树形菜单的方法
Jul 17 Javascript
Javascript实现通过选择周数显示开始日和结束日的实现代码
May 30 Javascript
Vue.js第二天学习笔记(vue-router)
Dec 01 Javascript
微信小程序 限制1M的瘦身技巧与方法详解
Jan 06 Javascript
原生js实现鼠标跟随效果
Feb 28 Javascript
JavaScript 过滤关键字
Mar 20 Javascript
vue生成随机验证码的示例代码
Sep 29 Javascript
在React 组件中使用Echarts的示例代码
Nov 08 Javascript
JavaScript find()方法及返回数据实例
Apr 30 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基础陷阱题(变量赋值)
2012/09/12 PHP
yii2.0实现pathinfo的形式访问的配置方法
2016/04/06 PHP
PHP+Session防止表单重复提交的解决方法
2018/04/09 PHP
JS 控制非法字符的输入代码
2009/12/04 Javascript
javascript学习笔记(九) js对象 设计模式
2012/06/19 Javascript
jquery中插件实现自动添加用户的具体代码
2013/11/15 Javascript
JS连接SQL数据库与ACCESS数据库的方法实例
2013/11/21 Javascript
jQuery插件jQuery-JSONP开发ajax调用使用注意事项
2013/11/22 Javascript
DOM基础教程之使用DOM控制表单
2015/01/20 Javascript
jquery中validate与form插件提交的方式小结
2016/03/26 Javascript
微信小程序封装http访问网络库实例代码
2017/05/24 Javascript
基于vue.js路由参数的实例讲解——简单易懂
2017/09/07 Javascript
vue使用element-ui的el-input监听不了回车事件的解决方法
2018/01/12 Javascript
vue-router 源码实现前端路由的两种方式
2018/07/02 Javascript
微信小程序学习笔记之本地数据缓存功能详解
2019/03/29 Javascript
使用JS location实现搜索框历史记录功能
2019/12/23 Javascript
Python中的魔法方法深入理解
2014/07/09 Python
Python 爬虫爬取指定博客的所有文章
2016/02/17 Python
非递归的输出1-N的全排列实例(推荐)
2017/04/11 Python
Python的地形三维可视化Matplotlib和gdal使用实例
2017/12/09 Python
Numpy 改变数组维度的几种方法小结
2018/08/02 Python
django rest framework 实现用户登录认证详解
2019/07/29 Python
部署Django到阿里云服务器教程示例
2020/06/03 Python
Python使用for生成列表实现过程解析
2020/09/22 Python
Django如何重置migration的几种情景
2021/02/24 Python
CSS3弹性盒模型开发笔记(一)
2016/04/26 HTML / CSS
CSS3转换功能transform主要属性值分析及实现分享
2012/05/06 HTML / CSS
CSS+jQuery+PHP+MySQL实现的在线答题功能
2015/04/25 HTML / CSS
Lacoste美国官网:经典POLO衫品牌
2016/10/12 全球购物
英国豪华家具和家居用品购物网站:Teddy Beau
2020/10/12 全球购物
司机辞职报告范文
2014/01/20 职场文书
中职招生先进个人材料
2014/08/31 职场文书
批评与自我批评总结
2014/10/17 职场文书
三八妇女节慰问信
2015/02/14 职场文书
2016春节家属慰问信
2015/03/25 职场文书
离婚起诉状范本
2015/05/19 职场文书