在使用jQuery時,我們經(jīng)常需要選擇某個元素的兒子元素,這時,我們可以使用children()方法。
children()方法可以選擇某個元素的直接子元素。它的語法如下:
$(selector).children(filter);
其中,selector是要選擇元素的選擇器,而filter則是可選的篩選器。
以下是一個示例:
<!-- HTML 代碼 --> <div id="parent"> <ul> <li>第一條</li> <li>第二條</li> <li>第三條</li> </ul> </div> // jQuery 代碼 $(document).ready(function(){ $("#parent").children("ul").css("background-color", "yellow"); });
在上述例子中,我們選擇了id為parent的div元素的兒子元素ul,并把它的背景顏色改變成了黃色。
需要注意的是,children()方法只會選擇直接子元素,而不會選擇更遠(yuǎn)一級的后代元素。
同時,我們也可以不使用任何篩選器,直接選擇元素的所有直接子元素:
$(selector).children();
這樣,我們就能夠方便地選擇某個元素的兒子元素了!