在使用jQuery中，我們經常需要通過.css()方法來修改元素的CSS樣式。而在實際開發中，我們經常需要根據變量來設置CSS樣式，這時候就需要用到調用變量的方式。 例如，我們有一個變量$color，表示字體顏色，我們希望將一個元素的字體顏色設置為這個變量所表示的值。那么我們可以這樣寫：

var $color = "#FF0000"; //設置字體顏色為紅色
$('p').css('color', $color); //將p元素的字體顏色設置為$color變量所表示的值

可以看到，我們在調用.css()方法時，直接將$color作為屬性值的參數傳遞進去，就能實現使用變量來設置CSS樣式的目的。 另外，有時候我們也需要根據多個變量來設置CSS樣式。比如我們有一個變量$width表示寬度，一個變量$height表示高度，我們希望將一個元素的寬度和高度同時設置為這兩個變量所表示的值。那么我們可以這樣寫：

var $width = "200px"; //設置寬度為200px
var $height = "100px"; //設置高度為100px
$('p').css({
'width': $width, 
'height': $height
}); //將p元素的寬度和高度同時設置為$width和$height變量所表示的值

可以看到，我們在調用.css()方法時，將一個對象作為屬性值的參數傳遞進去，對象的屬性名表示CSS屬性名，屬性值表示變量。這樣我們就能同時使用多個變量來設置CSS樣式了。 總結來說，使用變量調用.css()方法并不難，只需要在調用時將變量作為屬性值傳遞進去即可。有了這種方式，我們就能更加方便地根據變量來設置CSS樣式，提高開發效率。