更改樣式屬性值

Question

我怎樣才能獲得和更改樣式屬性的屬性值

例

<div id="styleChanger" style="color: rgb(163, 41, 41);"> 
    // some content 
</div> 

我怎樣才能改變樣式屬性顏色值

Answer 1

每一個CSS聲明，內聯（也就是style屬性），在頁面標題或外部文件中，只要瀏覽器讀取它，就會被納入到DOM對象屬性中。

這就是說，你並沒有真正有興趣改變style屬性，而是你在Javascript中工作的對象的屬性。對於CSS屬性，jQuery's .css()方法就是答案。

$('#styleChanger').css("color","red"); 

Answer 2

你需要準備好類，例如：

 
.interactClass { 
    color: #d2232a; 
} 

，然後你可以

 
$('#styleChanger').removeClass().addClass('interactClass'); 

或者你可以切換使用CSS方法單一屬性：

 
$('#styleChanger').css("color", "#D2232A").css("font-size", "20px"); 

Answer 3

在jQuery中使用css（）方法。這裏是一個鏈接到文件：http://docs.jquery.com/CSS/css#name

這將允許你做這樣的事情：

$("#styleChanger").css("color", "#888888");