jQuery是一種JavaScript庫,用于簡化對HTML文檔的操作。jQuery可以使編寫JavaScript變得更容易、更有效,并且可以使所編寫的代碼可維護性更高。
在jQuery中,可以使用css()函數來改變元素的樣式。css()函數接受一個對象參數,對象中包含要設置的樣式的屬性和值。下面的代碼演示了如何使用jQuery給元素設置背景色和字體顏色:
$(document).ready(function(){ $("p").css({ "background-color": "yellow", "color": "blue" }); });
上面的代碼將會選擇所有<p>元素,并將它們的背景色設置為黃色,字體顏色設置為藍色。
除了對象參數,也可以使用 .css() 函數來獲取當前CSS屬性的值。例如,以下代碼將把元素的font-size值打印在控制臺中:
console.log($('p').css('font-size'))
通過上面的代碼,會在控制臺中看到當前選擇器的所有 p 元素的font-size的值,可以有效地進行調試和排錯。