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