jquery中的查找parents與closest方法之間的區(qū)別
一、返回值 前者可以返回多個元素 或者只能返回0個或者1個
二、停止的時間不同 前者是所有的上級元素即一直到根一般是body 后者是知道發(fā)現(xiàn)為止,發(fā)現(xiàn)一個就停止了
三、開始的元素不同 前者是從父元素開始 后者是從自身開始的
代碼如下:
<!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)文章
jQuery調(diào)用WebService的實現(xiàn)代碼
jQuery調(diào)用WebService的實現(xiàn)代碼,需要的朋友可以參考下。2011-06-06jquery中的常用事件bind、hover、toggle等示例介紹
這篇文章主要介紹了jquery中常用的事件,比如$(document).ready()、bind、hover、toggle、click等等,并有示例,易于學(xué)習(xí)2014-07-07jQuery實現(xiàn)鼠標(biāo)滑過商品小圖片上顯示對應(yīng)大圖片功能【測試可用】
這篇文章主要介紹了jQuery實現(xiàn)鼠標(biāo)滑過商品小圖片上顯示對應(yīng)大圖片功能,涉及jQuery事件響應(yīng)、元素遍歷及屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-04-04firefox瀏覽器用jquery.uploadify插件上傳時報HTTP 302錯誤
這篇文章主要介紹了firefox瀏覽器用jquery.uploadify插件上傳時報HTTP 302錯誤,分析了下,原來是利用flash進行post上傳時沒有包含原來的session信息,而是重新創(chuàng)建了一個session,知道原因了,我們來看看如何解決吧。2015-03-03jQuery 獲取跨域XML(RSS)數(shù)據(jù)的相關(guān)總結(jié)分析
下面小編就為大家?guī)硪黄猨Query 獲取跨域XML(RSS)數(shù)據(jù)的相關(guān)總結(jié)分析。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-05-05利用JQuery操作iframe父頁面、子頁面的元素和方法匯總
這篇文章主要給大家介紹了關(guān)于利用JQuery操作iframe父頁面、子頁面的元素和方法的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-09-09jQuery Ajax 實現(xiàn)在html頁面實時顯示用戶登錄狀態(tài)
本文給大家分享jQuery Ajax 實現(xiàn)在html頁面實時顯示用戶登錄狀態(tài)的實現(xiàn)方法,非常不錯,具有參考借鑒價值,需要的朋友參考下2016-12-12