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

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

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

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

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

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

除了單個(gè)屬性的修改，還可以同時(shí)修改多個(gè)屬性，使用對(duì)象的方式來(lái)設(shè)置CSS屬性和屬性值。

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

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