在JavaScript中,我們經常需要通過代碼動態地改變頁面中HTML元素的樣式。這時候,就可以使用css()方法來完成這個任務。
//語法:$(selector).css(property,value) //其中,selector可以是某個HTML元素的ID、類、標簽等,property為要修改的CSS屬性,value為新的屬性值。 //例如,我們要將id為"myDiv"的div元素的背景顏色改為黃色: $("#myDiv").css("background-color","yellow");
同時,css()方法還可以接收一個包含一個或多個CSS屬性及值的JavaScript對象。
//例如,我們要將id為"myDiv"的div元素的背景顏色改為紅色、邊框粗細為2px、字體大小為18px, //則可以使用以下代碼: $("#myDiv").css({ "background-color": "red", "border-width": "2px", "font-size": "18px" });
要注意的是,使用css()方法修改元素的樣式會直接影響到DOM,而不是只修改CSS樣式表。因此,在使用css()方法時,要慎重考慮其對頁面性能和可維護性的影響。
此外,jQuery還提供了其他一些與CSS操作相關的方法,比如addClass()、removeClass()、toggleClass()等,它們也可以用于動態修改元素的樣式。