jQueryclosest()方法-創(chuàng)新互聯(lián)

定義和用法

closest()?方法返回被選元素的第一個祖先元素。

創(chuàng)新互聯(lián)建站專注于克井企業(yè)網(wǎng)站建設,響應式網(wǎng)站建設,商城網(wǎng)站建設?？司W(wǎng)站建設公司,為克井等地區(qū)提供建站服務。全流程按需網(wǎng)站設計，專業(yè)設計，全程項目跟蹤，創(chuàng)新互聯(lián)建站專業(yè)和態(tài)度為您提供的服務

祖先是父、祖父、曾祖父，依此類推。

DOM 樹：該方法從當前元素向上遍歷，直至文檔根元素的所有路徑（），來查找 DOM 元素的第一個祖先元素。

該方法與?parents()?類似，都是向上遍歷 DOM 樹，不同點是：

closest()

從當前元素開始
沿 DOM 樹向上遍歷，并返回匹配所傳遞的表達式的第一個單一祖先
返回包含零個或一個元素的 jQuery 對象

parents()

從父元素開始
沿 DOM 樹向上遍歷，并返回匹配所傳遞的表達式的所有祖先
返回包含零個、一個或多個元素的 jQuery 對象

語法

返回被選元素的第一個祖先元素：

$(selector).closest(filter)

返回使用 DOM context 查找的 DOM 樹中的第一個祖先元素：

$(selector).closest(filter,context)

參數(shù)

參數(shù)	必需的	描述
filter	是	規(guī)定縮小搜索祖先元素范圍的選擇器表達式、元素或 jQuery 對象。
context	否	在其內可以找到匹配元素的 DOM 元素。

實例

下例演示了返回 <span> 的第一個祖先元素，是一個 <ul> 元素：

<!DOCTYPE?html> <html> <head> <meta?charset="UTF-8"> <title>歡迎來到jq教程</title> <style> .ancestors?*{ display:?block; border:?2px?solid?lightgrey; color:?lightgrey; padding:?5px; margin:?15px; } </style> //此版本是百度cdn?1.11.1，當然你可以使用更高的版本，從2.0版本以上的是不支持ie6-8的 <script?type="text/javascript"?src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script> <script> $(document).ready(function?()?{ $("span").closest("ul").css({"color":"red","border":"2px?solid?red"}); }); </script> </head> <body>?body?(曾曾祖先節(jié)點) <div?>div?(曾祖先節(jié)點) <ul>ul?(第二祖先?-?第二祖先節(jié)點) <ul>ul?(第一祖先?-?第一祖先節(jié)點) <li>li?(直接父節(jié)點) <span>span?</span> </li> </ul> </ul> </div> </body> </html>

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

jQueryclosest()方法-創(chuàng)新互聯(lián)

定義和用法

語法

參數(shù)

實例

相關方法

相關資料