jQuery是一種非常流行的JavaScript庫，它提供了方便簡單的方法來操作HTML元素和網頁樣式。其中，css()函數就是其中一個非常實用的函數，它可以讓我們在代碼中更加靈活地修改網頁的樣式，以達到自己想要的效果。下面我們來了解一下它的具體用法。

$(selector).css(propertyName) // 獲取指定CSS屬性的值
$(selector).css({propertyName:value, propertyName:value, ...}) // 設置一個或多個CSS屬性和值
$(selector).css(propertyName,function(index,currentvalue)) // 設置指定元素的CSS屬性值為函數返回值

第一種用法是直接獲取某個元素的指定CSS屬性的值。其中，參數selector是一個用于選擇HTML元素的表達式，propertyName則是要獲取的CSS屬性名。例如，我們可以這樣獲取一個div元素的背景顏色：

var color = $("div").css("background-color");

第二種用法是設置一個或多個CSS屬性和值。我們可以用以下方式來同時設置div元素的背景顏色和寬度：

$("div").css({
"background-color": "#F00",
"width": "200px"
});

第三種用法也是比較重要的一種，我們可以使用函數來動態地設置CSS屬性的值。例如，我們可以根據當前頁面的寬度來動態地設置div元素的寬度：

$("div").css("width", function(index, oldValue) {
return parseInt(oldValue) + $("body").width() / 10 + "px";
});

總之，使用css()函數可以非常方便地控制網頁的樣式，讓我們的代碼更加靈活、簡潔。掌握好這個函數的用法，能大大提高我們的前端開發效率。