jQuery的attr()方法是用于獲取或設置HTML元素的屬性值。而其中一個常見的屬性就是style。
使用jQuery來操作元素的style屬性可以非常方便。例如,要改變一個元素的背景顏色,可以這樣做:
$('div').attr('style', 'background-color: blue;');
這將把所有
元素的背景色都改為藍色。而如果想要添加多個CSS樣式規則,可以這樣寫:
$('div').attr('style', 'background-color: blue; color: white;');
需要注意的是,這樣寫會覆蓋原有的style屬性值。如果希望在原有的樣式基礎上添加新的樣式,可以使用attr()方法的回調函數形式:
$('div').attr('style', function(i, origValue) { return origValue + 'background-color: blue; color: white;'; });
這樣寫,就會把原有的style屬性值與新加的樣式合并起來。
除了使用attr()方法來操作style屬性,也可以使用.css()方法。例如:
$('div').css('background-color', 'blue');
這樣寫,將把所有
元素的背景色都改為藍色。而如果想要添加多個樣式,可以這樣寫:
$('div').css({ 'background-color': 'blue', 'color': 'white' });
需要注意的是,.css()方法只能用于設置CSS樣式,而.attr()方法則可以用于設置或獲取HTML元素的屬性值。
下一篇兩個元素左右間距css