jQuery是一款非常流行的JavaScript庫,它可以輕松地操作HTML和CSS元素。在jQuery中,使用.css()方法可以設置元素的CSS屬性。
$(selector).css(property,value);
其中,selector是要設置CSS的元素選擇器;property是要設置的CSS屬性名稱;value是要設置的CSS屬性值。
// 例如,設置背景顏色為紅色 $("p").css("background-color", "red");
如果要設置多個CSS屬性,可以在一個對象中傳遞多個屬性。
// 例如,設置背景顏色為紅色,字體大小為20px $("p").css({ "background-color": "red", "font-size": "20px" });
另外,使用callback function可以操作CSS屬性的當前值。
// 例如,將字體大小設置為原來的兩倍 $("p").css("font-size", function(index, current){ return parseInt(current) * 2; });
總之,使用jQuery可以很方便地設置元素的CSS屬性,讓我們的網站效果更加出色。