jQuery可以方便地動態修改CSS樣式,而且可以同時修改多種樣式,更加靈活。比如,可以使用以下代碼同時修改多個CSS屬性:
$("p").css({ "color": "red", "text-align": "center", "font-size": "20px" });
這樣,所有的p標簽都會應用這些CSS屬性。
另外,還可以使用.addClass()方法和.removeClass()方法來添加和刪除CSS類。以下是示例代碼:
$("p").addClass("highlight");
上面的代碼會將所有的p標簽的CSS類都修改為“highlight”。同樣地,可以使用.removeClass()方法來刪除CSS類。
最后,jQuery還提供了.toggleClass()方法,用來在CSS類之間切換。以下是示例代碼:
$("button").click(function(){ $("p").toggleClass("highlight"); });
上面的代碼會使得每次點擊按鈕,所有p標簽的CSS類都在“highlight”和“no-highlight”之間切換。
上一篇切換css圖標變顏色
下一篇mysql一個值轉列