JQuery中可以使用.attr()函數(shù)來設置HTML元素的樣式屬性，也可以使用.css()函數(shù)來直接修改CSS樣式表中的屬性值。在這篇文章中，我們將詳細介紹如何使用.attr()函數(shù)來設置元素樣式屬性。
// 設置元素的style屬性值
$('div').attr('style', 'background-color: red; font-size: 18px;');
// 修改元素的background-color屬性值
$('div').attr('style', function(i, val){
return val.replace('blue', 'red');
});
// 添加元素的border屬性值
$('div').attr('style', function(i, val){
return val + 'border: 1px solid black;';
});在上面的代碼中，我們使用jQuery選擇器選中了所有的
元素，并使用.attr()函數(shù)來設置或修改它們的style屬性值。第一個例子是直接設置了background-color和font-size兩個屬性的值。第二個例子則是在原有的style屬性值中，將background-color屬性的值替換成了紅色。第三個例子則是在原有的style屬性值的末尾添加了border屬性的值。
通過使用.attr()函數(shù)，我們可以輕松地修改元素的樣式屬性，但是需要注意的是，它只能修改單一的style屬性值，不能修改CSS樣式表中的屬性值。如果需要修改CSS樣式表中的屬性值，可以使用.css()函數(shù)來實現(xiàn)。
上一篇圖片字體css代碼