導讀跟大家講解下有關如何使用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");效果圖:
總結:以上就是有關于jQuery中find()方法的使用了,希望對大家有所幫助
以上就是如何使用jQuery中的find()方法的詳細內容,更多請關注php中文網其它相關文章!
來源:php中文網