更改样式属性值

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");