jQuery .css() 方法兩種語法詳解：物件字面量與雙參數形式

兩種語法

1. 物件字面量（設定多屬性）：

   $('#elem').css({
       'font-style': 'italic',
       'color': 'red',
       'font-size': '14px'
   });
   

   必須用大括號，屬性名建議加引號（含連字號時必須）。
2. 雙參數形式（設定單屬性）：

   $('#elem').css('font-style', 'italic');
   $('#elem').css('color', 'red');
   

   不需大括號，直接傳兩個字串參數。

為什麼你的例子行為不同？

• 第一個例子傳入單一屬性但用物件語法，故需大括號：.css({'font-style': 'italic'})。
• 第二個例子使用雙參數語法，故不需大括號：.css('font-style', 'italic')。

進階：取得樣式值

var color = $('#elem').css('color'); // 回傳計算後值，如 "rgb(255, 0, 0)"
var styles = $('#elem').css(['color', 'font-size']); // jQuery 1.9+ 回傳物件 {color: ..., font-size: ...}

記憶口訣

多屬性用物件（大括號），單屬性用雙參數（無大括號）。