JQuery是一個JavaScript庫,它可以幫助我們輕松地選擇HTML文檔中的元素,并對這些元素進行操作,其中之一就是改變這些元素的CSS樣式。
$("選擇器").css("屬性名稱", "屬性值");
使用上述語句可以改變選擇器選擇的所有元素的指定CSS屬性。例如,要將ID為"example"的元素的背景顏色設置為紅色,可以使用以下代碼:
$("#example").css("background-color", "red");
也可以同樣地使用類選擇器、元素選擇器、屬性選擇器等等,只要能夠選擇到要修改CSS樣式的元素即可。例如,要將所有類名為"highlight"的元素的文本顏色設置為綠色,可以使用以下代碼:
$(".highlight").css("color", "green");
JQuery還可以通過CSS對象一次性地改變多個CSS屬性。例如,要將所有類名為"text"的元素的文本顏色設置為藍色,字體大小設置為16px,可以使用以下代碼:
$(".text").css({ "color": "blue", "font-size": "16px" });
總之,JQuery改變CSS樣式非常簡單,只需要選擇要修改的元素并使用.css()方法即可。