JQuery是一種JavaScript庫，可輕松地修改HTML元素及其屬性。通過JQuery，我們可以很方便地改變元素的樣式，下面就介紹一下如何使用JQuery改變CSS樣式。

首先，我們需要在HTML文件中引入JQuery文件：

<script src="https://cdn.bootcss.com/jquery/3.6.0/jquery.min.js"></script>

然后，我們可以使用JQuery的css()方法來改變元素的CSS樣式。如下所示，將id為“box”的元素的背景顏色設(shè)置為紅色：

$("#box").css("background-color", "red");

我們也可以同時修改多個CSS屬性。如下所示，將id為“box”的元素的寬度設(shè)置為200像素，高度設(shè)置為100像素，并將邊框顏色設(shè)置為黑色：

$("#box").css({
"width": "200px",
"height": "100px",
"border-color": "black"
});

如果我們想在元素原有的樣式基礎(chǔ)上進行修改，可以將屬性名稱和值放在一個對象里。如下所示，在id為“box”的元素原有的樣式基礎(chǔ)上將背景顏色改為藍色：

$("#box").css({
"background-color": function() {
return "blue";
}
});

最后，我們需要注意一點，通過css()方法修改屬性的優(yōu)先級只是內(nèi)聯(lián)樣式，如果有其他樣式定義在CSS文件中，可能會被優(yōu)先級較高的樣式覆蓋。因此，在使用JQuery修改CSS樣式時，需要特別注意樣式優(yōu)先級的問題。