.css()是一個非常重要的jQuery函數,它可以用來在HTML文檔中獲取、設置和操作元素的樣式信息。
就像jQuery中的大多數函數一樣,.css()可以接受參數以獲取特定的樣式信息。例如,下面的代碼可以獲取id為myDiv的元素的寬度:
var width = $('#myDiv').css('width');
該函數還可以用于設置元素的樣式,如下所示:
$('#myDiv').css('background-color', 'red');
在這個例子中,我們將id為myDiv的元素的背景顏色設置為紅色。
注意,.css()函數也可以接受一個對象作為參數,以一次設置多個樣式。例如:
$('#myDiv').css({
'background-color': 'red',
'font-size': '20px'
});
在這個例子中,我們將id為myDiv的元素的背景顏色設置為紅色,并設置它的字體大小為20像素。
在使用.css()函數時,一定要注意樣式名稱的大小寫和連字符(-)的使用。例如,將字體大小設置為20像素可以使用'font-size'或'fontSize',但不能使用'fontsize'。
總之,.css()函數使得操作和設置HTML元素的樣式更加容易,讓Web開發變得更加簡單!