在JS中，經常需要修改HTML元素的樣式來實現各種動態效果，而CSS樣式通常使用CSS文件來定義，但在JS中可以使用jQuery中的.css()方法來對HTML元素的樣式進行修改。

.css()方法可以接受兩個參數，第一個參數可以是一個CSS屬性，也可以是一個包含多個CSS屬性的對象；第二個參數為可選的新的CSS屬性值。

//將id為test的元素的背景顏色修改為紅色
$("#test").css("background-color", "red");
//將id為test的元素的背景顏色和字體大小都修改
$("#test").css({
"background-color": "red",
"font-size": "16px"
});

可以看出，如果要修改多個CSS屬性，最好以對象的形式傳入，這樣代碼更加清晰易懂。

如果沒有指定第二個參數，則.css()方法將返回當前元素的CSS屬性值。

//獲取id為test的元素的背景顏色
var bgColor = $("#test").css("background-color");

需要注意的是，如果CSS屬性名為多個單詞組成的，如font-size，需要使用駝峰命名法來訪問，即fontSize。

.css()方法的應用非常廣泛，可以用來修改HTML元素的樣式，也可以用來動態創建CSS樣式。

//動態創建一個樣式表，設置id為test的元素的背景顏色為紅色
$("<style>#test{background-color: red;}</style>").appendTo("head");