jquery中的查找parents與closest方法之間的區(qū)別
更新時(shí)間：2013年12月02日 08:49:22 作者：
這篇文章主要是對(duì)jquery中的查找parents與closest方法之間的區(qū)別進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
一、返回值 前者可以返回多個(gè)元素 或者只能返回0個(gè)或者1個(gè)
二、停止的時(shí)間不同 前者是所有的上級(jí)元素即一直到根一般是body 后者是知道發(fā)現(xiàn)為止，發(fā)現(xiàn)一個(gè)就停止了
三、開始的元素不同 前者是從父元素開始 后者是從自身開始的
代碼如下：
復(fù)制代碼 代碼如下:
<!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
相關(guān)文章
看了《javascript高級(jí)程序設(shè)計(jì)》里面有個(gè)表格排序的例子；覺得很有意思，所以自己用jquery的基本庫(kù)做了一個(gè)，里面的概念基本和書里面的差不多2010-09-09
jQuery實(shí)現(xiàn)在最后一個(gè)元素之前插入新元素的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)在最后一個(gè)元素之前插入新元素的方法,涉及jquery針對(duì)頁(yè)面元素的匹配選擇與屬性操作相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
jQuery+HTML5實(shí)現(xiàn)WebGL高性能煙花綻放動(dòng)畫效果【附demo源碼下載】
這篇文章主要介紹了jQuery+HTML5實(shí)現(xiàn)WebGL高性能煙花綻放動(dòng)畫效果,可實(shí)現(xiàn)煙花升空爆炸的絢麗動(dòng)畫效果,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-08-08
關(guān)于jquery中全局函數(shù)each使用介紹
jquery 包含了兩個(gè) each 一個(gè)是 $().each 另一個(gè)是 $.each 區(qū)別就在于前一個(gè)是 jquery對(duì)象的內(nèi)置函數(shù) 而后一個(gè) 這是對(duì)象的遍歷函數(shù)2013-12-12
今天在實(shí)現(xiàn)一段廣告的時(shí)候，需要判斷指定元素的內(nèi)容是否為空，為空則插入廣告，否則就不執(zhí)行，這里就為大家簡(jiǎn)單介紹一下需要的朋友可以參考一下2018-05-05
jquery對(duì)dom節(jié)點(diǎn)的操作【推薦】
下面小編就為大家?guī)?lái)一篇jquery對(duì)dom節(jié)點(diǎn)的操作。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-04-04
圣誕節(jié)Merry Christmas給博客添加浪漫的下雪效果基于jquery實(shí)現(xiàn)
一年一度的圣誕節(jié)又到了，首先祝大家好運(yùn)一串串，健康一年年，平安到永遠(yuǎn)！今天就教大家如何在博客中添加紛紛揚(yáng)揚(yáng)的下雪效果。今天，你那里下雪了嗎2012-12-12
jquery實(shí)現(xiàn)checkbox 全選/全不選的通用寫法
本篇文章主要是對(duì)jquery實(shí)現(xiàn)checkbox 全選/全不選的通用寫法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02
很多網(wǎng)站的首頁(yè)都有廣告輪播，今天閑來(lái)看了一網(wǎng)站的首頁(yè)廣告輪播方式，是通過(guò) jQuery的blockSlide插件實(shí)現(xiàn)的，然后自己測(cè)試了一下，很好。2010-11-11
jQuery實(shí)現(xiàn)的無(wú)縫廣告圖片左右滾動(dòng)功能詳解
這篇文章主要介紹了jQuery實(shí)現(xiàn)的無(wú)縫廣告圖片左右滾動(dòng)功能,結(jié)合實(shí)例形式詳細(xì)分析了jQuery無(wú)縫滾動(dòng)圖片的實(shí)現(xiàn)原理、步驟與具體操作技巧,需要的朋友可以參考下2016-12-12