在jQuery中,contents.find()函數是一個非常實用的函數。它可以查找元素的子元素,并且返回一個jQuery對象,包含了找到的所有匹配的子元素。
使用contents.find()函數非常簡單。只需要將函數放置在需要查找的元素上即可。例如:
$(document).ready(function(){ $("div").click(function(){ $(this).contents().find("p").css("color", "red"); }); });
在此示例中,當點擊div元素時,會通過contents()函數找到div元素的所有子元素。然后再通過find("p")函數找到所有匹配的p元素,并將它們的文本顏色修改為紅色。
注意,find()函數中所設置的參數可以是一個選擇器,例如:
$(document).ready(function(){ $("div").click(function(){ $(this).contents().find(".myClass").css("font-weight", "bold"); }); });
在此示例中,當點擊div元素時,會通過contents()函數找到div元素的所有子元素。然后再通過find(".myClass")函數找到所有匹配的class為myClass的元素,并將它們的文本設置為粗體。
總之,contents.find()函數是一個非常方便的函數,可以讓你快速找到元素的子元素,并進行一些修改操作。希望這篇文章能夠幫助你更好地理解它的用法。