jQuery是一個優秀的JavaScript庫,被廣泛應用于前端開發中。其中,$.css()是jQuery提供的一個CSS操作方法。通過$.css()方法,我們可以輕松地改變元素的CSS樣式。
$(selector).css(property, value)
上述代碼是$.css()方法的基本語法。其中,selector表示要改變樣式的元素;property表示要改變的CSS屬性名稱;value表示要設置的CSS屬性值。
下面是一個具體的實例:
$(document).ready(function(){ $("button").click(function(){ $("p").css("color","red"); }); });
上述代碼實現了一個點擊按鈕后,將所有p元素的文字顏色設置為紅色的效果。
在$.css()方法中,我們可以同時設置多個CSS屬性值。具體語法如下:
$(selector).css({ property1:value1, property2:value2, ... });
下面是一個具體的實例:
$("p").css({ "color": "red", "font-size": "20px", "background-color": "yellow" });
上述代碼實現了將所有p元素的文字顏色設置為紅色、字體大小設置為20px、背景色設置為黃色的效果。
總之,$.css()方法是jQuery非常實用的一個CSS操作方法,它可以幫助我們輕松地改變元素的CSS樣式,讓網頁的呈現更加美觀。
上一篇學習css語法