JQuery中的CSS方法可以用來操作HTML頁面中的樣式屬性,比如:fontSize、backgroundColor、height等等。
$(selector).css(propertyName) $(selector).css(propertyName, value) $(selector).css({propertyName:value, propertyName:value,...})
以上是CSS方法的三種調用方式。
第一種方式,只傳遞一個參數propertyName,返回該樣式屬性的值。如:
$("p").css("color"); //返回第一個p元素的color值
第二種方式,傳遞兩個參數propertyName和value,設置改屬性的值。如:
$("p").css("color","red"); //設置所有的p元素的顏色為紅色
第三種方式,傳遞一個對象作為參數,可以一次性設置多個屬性。如:
$("p").css({ "color":"red", "background-color":"yellow", "font-size":"20px" }); //設置所有p元素的顏色為紅色,背景顏色為黃色,字體大小為20px
使用CSS方法,可以方便地修改頁面元素的樣式,提高了頁面效果的可控性。