更改样式属性值
问题描述:
我怎样才能获得和更改样式属性的属性值更改样式属性值
例
<div id="styleChanger" style="color: rgb(163, 41, 41);">
// some content
</div>
我怎样才能改变样式属性颜色值
答
每一个CSS声明,内联(也就是style
属性),在页面标题或外部文件中,只要浏览器读取它,就会被纳入到DOM对象属性中。
这就是说,你并没有真正有兴趣改变style
属性,而是你在Javascript中工作的对象的属性。对于CSS属性,jQuery's .css()
方法就是答案。
$('#styleChanger').css("color","red");
答
你需要准备好类,例如:
.interactClass { color: #d2232a; }
,然后你可以
$('#styleChanger').removeClass().addClass('interactClass');
或者你可以切换使用CSS方法单一属性:
$('#styleChanger').css("color", "#D2232A").css("font-size", "20px");
答
在jQuery中使用css()方法。这里是一个链接到文件:http://docs.jquery.com/CSS/css#name
这将允许你做这样的事情:
$("#styleChanger").css("color", "#888888");