jquery中的查找parents与closest方法之间的区别
更新时间：2013年12月02日 08:49:22 作者：
这篇文章主要是对jquery中的查找parents与closest方法之间的区别进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助
一、返回值 前者可以返回多个元素 或者只能返回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实现checkbox全选的方法，以及编写此方法的背景和过程，非常详细，这里推荐给小伙伴们。2015-01-01
这篇文章主要介绍了JQuery实现Ajax加载图片的方法,涉及jQuery基于缓存获取图片的技巧,需要的朋友可以参考下2015-12-12
jQuery调用WebService的实现代码,需要的朋友可以参考下。2011-06-06
jquery中的常用事件bind、hover、toggle等示例介绍
这篇文章主要介绍了jquery中常用的事件，比如$(document).ready()、bind、hover、toggle、click等等，并有示例，易于学习2014-07-07
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
这篇文章主要介绍了jQuery实现鼠标滑过商品小图片上显示对应大图片功能,涉及jQuery事件响应、元素遍历及属性动态操作相关实现技巧,需要的朋友可以参考下2018-04-04
firefox浏览器用jquery.uploadify插件上传时报HTTP 302错误
这篇文章主要介绍了firefox浏览器用jquery.uploadify插件上传时报HTTP 302错误,分析了下，原来是利用flash进行post上传时没有包含原来的session信息，而是重新创建了一个session，知道原因了，我们来看看如何解决吧。2015-03-03
下面小编就为大家带来一篇jQuery 获取跨域XML(RSS)数据的相关总结分析。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
利用JQuery操作iframe父页面、子页面的元素和方法汇总
这篇文章主要给大家介绍了关于利用JQuery操作iframe父页面、子页面的元素和方法的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2017-09-09
点击超链接，超链接就会慢慢的消失，本文采用jquery中的hide方法及toggle方法实现，喜欢的朋友可以参考下2013-09-09
jQuery Ajax 实现在html页面实时显示用户登录状态
本文给大家分享jQuery Ajax 实现在html页面实时显示用户登录状态的实现方法，非常不错，具有参考借鉴价值，需要的朋友参考下2016-12-12
最新评论