在JavaScript中，使用jQuery庫可以方便地改變多個CSS樣式，以下是一些示例代碼，展示如何使用jQuery來修改CSS樣式：

1、更改單個元素的樣式：

$("#myElement").css({
  "color": "red",
  "font-size": "20px",
  "border": "1px solid black"
});

這段代碼會將ID為"myElement"的元素的樣式更改為紅色字體、20像素大小和黑色邊框。

2、更改多個元素的樣式：

$(".myClass").css({
  "color": "blue",
  "font-weight": "bold"
});

這段代碼會將所有具有"myClass"類的元素的樣式更改為藍色字體和粗體。

3、更改特定元素的樣式：

$("#myElement:first").css({
  "width": "50%",
  "height": "50%"
});

這段代碼會將***個ID為"myElement"的元素的寬度和高度更改為50%。

4、更改樣式的順序：

var style = {
  "color": "green",
  "font-size": "18px",
  "border": "2px dashed orange"
};
var cssStyle = $("<style></style>").text(style);
$("head").append(cssStyle);

這段代碼會創(chuàng)建一個新的樣式表，并將其添加到文檔的頭部，樣式表包含綠色字體、18像素大小和橙色虛線邊框。

使用jQuery庫可以輕松地更改多個CSS樣式，使網(wǎng)頁更加動態(tài)和交互性。