如何使用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中文網其他相關文章！