jQuery是JavaScript的一個庫,可以幫助我們更加方便地操作HTML DOM和CSS。其中,jQuery的css()函數可以用于設置和獲取元素的CSS屬性。
// 獲取元素的CSS屬性 var value = $(selector).css(propertyName); // 設置元素的CSS屬性 $(selector).css(propertyName, value);
其中,selector
表示要操作的元素的選擇器,propertyName
表示要操作的CSS屬性名稱,value
表示要設置的屬性值。
當value
為undefined時,css()
函數是獲取元素的CSS屬性。例如:
// 獲取元素的字體大小 var fontSize = $("p").css("font-size"); console.log("Font size: " + fontSize);
當value
不為undefined時,css()
函數是設置元素的CSS屬性。例如:
// 設置元素的邊框樣式和顏色 $("p").css("border-style", "solid"); $("p").css("border-color", "red");
可以使用對象來一次性設置多個CSS屬性。例如:
// 一次性設置多個CSS屬性 $("p").css({ "background-color": "yellow", "color": "black", "font-size": "20px" });
以上就是jQuery的css()
函數的使用方法,可以幫助我們更加方便地設置和獲取元素的CSS屬性。