在網(wǎng)頁開發(fā)中，我們經(jīng)常需要修改不止一個(gè) CSS 屬性。如果使用傳統(tǒng)的 JavaScript 方法來實(shí)現(xiàn)這一目的，需要寫很多重復(fù)的代碼。而jQuery則提供了一種簡易的方法來更改多個(gè) CSS 屬性。

$(selector).css({
property1:value1,
property2:value2,
property3:value3
});

上面代碼中$(selector)是你想修改 CSS 屬性的元素。然后在css()方法中，我們將需要更改的 CSS 屬性的名稱和它們的相應(yīng)值以鍵值對(duì)的形式列出。這里可以列出任意數(shù)量的屬性/值對(duì)，不限于上述的三個(gè)。

例如，如果你想在單擊按鈕時(shí)同時(shí)更改多個(gè)元素的背景顏色和字體顏色，你可以使用以下代碼：

$("#myButton").click(function(){
$("h1, p, li").css({
"background-color": "yellow",
"color":"blue"
});
});

這將在單擊按鈕時(shí)將<h1>,<p>和<li>的背景顏色更改為黃色，字體顏色更改為藍(lán)色。

需要注意的是，在使用多個(gè)屬性/值對(duì)更改 CSS 時(shí)，要用雙引號(hào)將屬性名稱括起來，例如："background-color"。這是因?yàn)檫@些屬性名稱中有連字符。

通過以上方法，可以輕松更改多個(gè)元素的 CSS 屬性，避免繁瑣的重復(fù)代碼。利用jQuery，你可以更加高效那么快速地實(shí)現(xiàn)你的開發(fā)需求。