jQuery作為一種流行的JavaScript庫,它為開發者提供了一種易于使用和高效的方法來設置子元素的樣式。
$(document).ready(function(){ $("button").click(function(){ $("div").children().css("background-color", "yellow"); }); });
上面的代碼演示了如何使用jQuery來設置子元素的樣式。在這個例子中,當一個按鈕被單擊時,div元素內的所有子元素的背景顏色被修改為黃色。
我們可以使用CSS屬性作為參數來設置子元素的樣式,例如顏色、字體大小、邊框等。我們也可以使用CSS對象來設置多個樣式:
$(document).ready(function(){ $("button").click(function(){ $("div").children().css({ "background-color": "yellow", "font-size": "200%", "border": "3px solid red" }); }); });
上面的代碼將會把div元素內的所有子元素的背景顏色、字體大小和邊框樣式都改變。
總之,使用jQuery來設置子元素的樣式,既容易又簡單。無論是單獨的CSS樣式還是多個樣式,我們可以輕松地使用這個功能來改變任何子元素的樣式。