JQuery是一款方便快捷的JavaScript庫，它提供了很多易用的功能和操作，其中之一就是修改CSS屬性。下面我們就來介紹如何利用JQuery修改CSS屬性。

// 獲取元素
var element = $(selector);
// 修改CSS屬性
element.css(property, value);

首先要獲取到要修改CSS屬性的元素，可以使用JQuery的選擇器來獲取元素。選擇器可以是元素的class，id，標簽名等。

// 通過class選擇器獲取元素
var element = $(".className");
// 通過id選擇器獲取元素
var element = $("#idName");
// 通過標簽名選擇器獲取元素
var element = $("tagName");

獲取到元素之后，就可以使用css()方法來修改CSS屬性。css()方法接收兩個參數，第一個為要修改的CSS屬性，第二個為修改后的屬性值。

// 修改背景顏色為紅色
element.css("background-color", "red");
// 修改寬度為50px
element.css("width", "50px");

除了單個屬性的修改，還可以同時修改多個屬性，使用對象的方式來設置CSS屬性和屬性值。

// 同時修改多個CSS屬性
element.css({
"background-color": "red",
"width": "50px"
});

JQuery的css()方法非常方便，通過選擇器和對象的方式可以快速修改元素的CSS屬性，大大節約了開發時間。