JQuery（簡稱jq）是一款功能強大的JavaScript庫，通過jq，我們可以更加輕松地操作HTML文檔、處理事件、實現動畫效果等等。在jq中，我們可以使用css()方法來設置元素的樣式。

css()方法有兩種使用方式：一種是直接傳遞樣式名稱和樣式值，另一種是傳遞一個類似于JSON格式的對象，用來設置一個或多個樣式。

//通過樣式名稱和樣式值來設置樣式
$('div').css('background-color', 'red');
//通過JSON對象來設置樣式
$('div').css({
'background-color': 'red',
'font-size': '14px',
'color': '#fff'
});

如果想要在設置樣式時使用變量，也是完全可以的。只需要將變量放在樣式值的位置即可。

var bgColor = 'red';
var fontSize = '14px';
var fontColor = '#fff';
$('div').css({
'background-color': bgColor,
'font-size': fontSize,
'color': fontColor
});

除了在JSON對象中設置多個樣式以外，css()方法也支持鏈式操作。這意味著可以在同一個jQuery對象上進行多次樣式設置，而不需要一次次使用css()方法。

$('div')
.css('background-color', 'red')
.css('font-size', '14px')
.css('color', '#fff');

最后需要注意的是，在使用css()方法時，如果要操作所有符合條件的元素，選擇器中需要使用通配符 *。

//設置所有div元素的background-color為red
$('div *').css('background-color', 'red');

綜上，通過jq的css()方法，我們可以輕松地設置一個或多個元素的樣式，而且可以方便地使用變量和鏈式操作，讓樣式設置變得更加簡單方便。