jQuery 是一種流行的 JavaScript 庫，它提供了許多便捷的方法來操作 HTML 文檔和 CSS 樣式。本文將演示如何使用 jQuery 來設置和修改樣式。

首先，我們可以使用 jQuery 的css()方法來設置樣式：

$(selector).css(propertyName, value);

其中第一個參數是 CSS 屬性名，第二個參數是屬性值。以下示例將修改所有p元素的背景顏色為灰色：

$("p").css("background-color", "gray");

如果要同時設置多個屬性，我們可以使用對象來傳遞參數：

$("p").css({
"background-color": "gray",
"color": "white"
});

如果想要根據已有樣式計算新樣式，可以使用width()和height()方法。以下示例將每個p元素的高度設置為它當前寬度的兩倍：

$("p").height(function(index, height) {
return height * 2;
});

此外，我們還可以使用其他 jQuery 方法來修改樣式。例如，使用addClass()和removeClass()方法來添加或刪除 CSS 類：

$("p").addClass("highlight");
$("p").removeClass("highlight");

以上演示了如何使用 jQuery 來設置和修改樣式。希望這篇文章對你有所幫助！