本文小編為大家詳細(xì)介紹“jquery尋找父級的方法是什么”,內(nèi)容詳細(xì),步驟清晰,細(xì)節(jié)處理妥當(dāng),希望這篇“jquery尋找父級的方法是什么”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學(xué)習(xí)新知識吧。
員工經(jīng)過長期磨合與沉淀,具備了協(xié)作精神,得以通過團(tuán)隊(duì)的力量開發(fā)出優(yōu)質(zhì)的產(chǎn)品。創(chuàng)新互聯(lián)堅(jiān)持“專注、創(chuàng)新、易用”的產(chǎn)品理念,因?yàn)椤皩W⑺詫I(yè)、創(chuàng)新互聯(lián)網(wǎng)站所以易用所以簡單”。公司專注于為企業(yè)提供做網(wǎng)站、網(wǎng)站建設(shè)、微信公眾號開發(fā)、電商網(wǎng)站開發(fā),小程序開發(fā),軟件定制網(wǎng)站等一站式互聯(lián)網(wǎng)企業(yè)服務(wù)。
4個方法:1、parent(),可以查找當(dāng)前元素的“父元素”,語法“$(選擇器).parent(表達(dá)式)”;2、parents(),可查找所選元素的祖先元素,語法“$(選擇器).parents(表達(dá)式)”;3、parentsUntil(),可查找指定范圍的所有祖先元素,語法“$(選擇器).parentsUntil(表達(dá)式)”;4、closest(),可被選元素的第一個祖先元素。
jquery尋找父級的方法
parent()
parents()
parentsUntil()
closest()
方法一:parent()
在jQuery中,我們可以使用parent()方法來查找當(dāng)前元素的“父元素”。記住,元素只有一個父元素。
語法:
說明:參數(shù)expression表示jQuery選擇器表達(dá)式,用來過濾父元素。當(dāng)參數(shù)省略時,則選擇所有的父元素。如果參數(shù)不省略,則選擇符合條件的父元素。$(selector).parent(expression)
元素不是只有一個父元素么?為什么還有“符合條件的父元素”這一說法?對于這個,可以看看下面的例子。
舉例:
創(chuàng)新互聯(lián)jQuery入門教程 創(chuàng)新互聯(lián)jQuery入門教程 創(chuàng)新互聯(lián)jQuery入門教程 效果如下:
方法二:parents()
parents()方法和parent()方法相似,都是用來查找所選元素的祖先元素。但是這兩個方法也有著本質(zhì)的區(qū)別。
其實(shí)這2個方法也很好區(qū)分,parent是單數(shù)形式,查找的祖先元素只有1個,那就是父元素。而parents是復(fù)數(shù)形式,查找的祖先元素當(dāng)然是所有的祖先元素。
語法:
說明:參數(shù)expression表示jQuery選擇器表達(dá)式字符串,用來過濾祖先元素。當(dāng)參數(shù)省略時,則選擇所有的祖先元素。如果參數(shù)不省略,則選擇符合條件的祖先元素。$(selector).parents(expression)
舉例:
jQuery入門教程 效果如下:
方法三:parentsUntil()
parentsUntil()方法是對parents()方法的一個補(bǔ)充,它可以查找指定范圍的所有祖先元素,相當(dāng)于在parents()方法返回集合中截取部分祖先元素。
語法:
$(selector).parentsUntil(expression)
說明:參數(shù)expression表示jQuery選擇器表達(dá)式字符串,用來過濾祖先元素。當(dāng)參數(shù)省略時,則選擇所有的祖先元素。如果參數(shù)不省略,則選擇符合條件的祖先元素。
參數(shù)selector表示jQuery選擇器表達(dá)式字符串,用以確定范圍的祖先元素。該參數(shù)為可選,如果省略,則將匹配所有祖先元素,這一點(diǎn)跟parents()方法查找結(jié)果是一樣的。
body (曾曾祖父節(jié)點(diǎn))
ul (祖父節(jié)點(diǎn))
方法4:closest()
closest() 方法返回被選元素的第一個祖先元素。
從當(dāng)前元素開始
沿 DOM 樹向上遍歷,并返回匹配所傳遞的表達(dá)式的第一個單一祖先
返回包含零個或一個元素的 jQuery 對象
語法:
$(selector).closest(expression)
示例:返回 的第一個父元素,是一個
body (曾曾祖先節(jié)點(diǎn))
ul (第二祖先 - 第二祖先節(jié)點(diǎn))
ul (第一祖先 - 第一祖先節(jié)點(diǎn))
讀到這里,這篇“jquery尋找父級的方法是什么”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識點(diǎn)還需要大家自己動手實(shí)踐使用過才能領(lǐng)會,如果想了解更多相關(guān)內(nèi)容的文章,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。