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 相关文章推荐
Mozilla中显示textarea中选择的文字
Sep 07 Javascript
使用EXT实现无刷新动态调用股票信息
Nov 01 Javascript
js列举css中所有图标的实现代码
Jul 04 Javascript
web性能优化之javascript性能调优
Dec 28 Javascript
时间戳转换为时间 年月日时间的JS函数
Aug 19 Javascript
JS使用getComputedStyle()方法获取CSS属性值
Apr 23 Javascript
基于jQuery实现响应式圆形图片轮播特效
Nov 25 Javascript
jquery.Jcrop结合JAVA后台实现图片裁剪上传实例
Nov 05 Javascript
浅谈javascript的闭包
Jan 23 Javascript
JavaScript数据结构之二叉树的遍历算法示例
Apr 13 Javascript
Vue 无限滚动加载指令实现方法
May 28 Javascript
Vue基础配置讲解
Nov 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
探讨:使用XMLSerialize 序列化与反序列化
2013/06/08 PHP
PHP中include/require/include_once/require_once使用心得
2016/08/28 PHP
php中__toString()方法用法示例
2016/12/07 PHP
Yii框架弹出窗口组件CJuiDialog用法分析
2017/01/07 PHP
针对thinkPHP5框架存储过程bug重写的存储过程扩展类完整实例
2018/06/16 PHP
javascript操作excel生成报表示例
2014/05/08 Javascript
我的Node.js学习之路(三)--node.js作用、回调、同步和异步代码 以及事件循环
2014/07/06 Javascript
Nodejs学习item【入门手上】
2016/05/05 NodeJs
jQuery实现的自定义滚动条实例详解
2016/09/20 Javascript
bootstrap suggest下拉框使用详解
2017/04/10 Javascript
jquery+ajaxform+springboot控件实现数据更新功能
2018/01/22 jQuery
用vite搭建vue3应用的实现方法
2021/02/22 Vue.js
python 实现判断ip连通性的方法总结
2018/04/22 Python
浅谈python中对于json写入txt文件的编码问题
2018/06/07 Python
python通过微信发送邮件实现电脑关机
2018/06/20 Python
Python multiprocessing多进程原理与应用示例
2019/02/28 Python
Pandas透视表(pivot_table)详解
2019/07/22 Python
Python pip 常用命令汇总
2020/10/19 Python
HTML5文档结构标签
2017/04/21 HTML / CSS
用canvas实现图片滤镜效果附演示
2013/11/05 HTML / CSS
用HTML5的canvas实现一个炫酷时钟效果
2016/05/20 HTML / CSS
英国最大的婴儿监视器网上商店:Baby Monitors Direct
2018/04/24 全球购物
美国现代家具网站:Design Within Reach
2018/07/19 全球购物
Linux的文件类型
2012/03/07 面试题
服务生自我鉴定
2014/01/22 职场文书
党员群众路线对照检查材料思想汇报
2014/09/17 职场文书
房屋租赁授权委托书范本
2014/09/20 职场文书
国家税务局领导班子对照检查材料思想汇报
2014/10/04 职场文书
地方白酒代理协议书
2014/10/25 职场文书
财务工作检讨书
2014/10/29 职场文书
上课说话检讨书500字
2014/11/01 职场文书
关于群众路线的心得体会
2014/11/05 职场文书
2015年店长工作总结范文
2015/04/08 职场文书
幼儿园托班开学寄语(2016秋季)
2015/12/03 职场文书
Python实现文本文件拆分写入到多个文本文件的方法
2021/04/18 Python
Node.js实现爬取网站图片的示例代码
2022/04/04 NodeJs