科技知識動態:如何使用jQuery中的find()方法

導讀跟大家講解下有關如何使用jQuery中的find()方法,相信小伙伴們對這個話題應該也很關注吧,現在就為小伙伴們說說如何使用jQuery中的find()方

跟大家講解下有關如何使用jQuery中的find()方法,相信小伙伴們對這個話題應該也很關注吧,現在就為小伙伴們說說如何使用jQuery中的find()方法,小編也收集到了有關如何使用jQuery中的find()方法的相關資料,希望大家看到了會喜歡。

jQuery中的find()方法用來返回當前元素的后代,通過查找元素中的CSS類可以返回單個元素或多個元素,通過*號可返回全部因素

在jQuery中有一個方法可以查找并返回選擇的所有的后代,后代是位于所選元素內的元素,這些元素可以是孩子,孩子的孩子,孩子的孩子等等。這個用于獲得當前元素中每個元素的后代的方法就是find(),它主要通過選擇器、jQuery 對象或元素來篩選

【推薦課程:jQuery教程】

find()方法的用法

HTML代碼:

<div class="demo"> <ul> <li>php中文網</li> <li>php中文網</li> <li class="findMe">php中文網</li> <li>php中文網</li> <li>php中文網</li> </ul></div>

(1)查找單個元素:

$(".demo").find(".findMe").css("color", "pink");

效果圖:

從效果圖可以看出只有第三個li變色了

(2)在jQuery中以逗號分隔開,返回多個子元素

$(".demo").find(".findMe1,.findMe2,.findMe3").css("color", "pink");

效果圖:

(3)返回所以的后代元素

可以通過*號來返回所有的后代元素

$(".demo").find("*").css("color", "pink");

效果圖:

Image 15.jpg

總結:以上就是有關于jQuery中find()方法的使用了,希望對大家有所幫助

以上就是如何使用jQuery中的find()方法的詳細內容,更多請關注php中文網其它相關文章!

來源:php中文網

免責聲明:本文由用戶上傳,如有侵權請聯系刪除!