【css】动态切换css样式

1.使用 addClass()方法;

<div id="div"> 动态css样式</div>

首先在css样式表中增加一个样式供调用

eg: main{

background-color:red

}

js中调用

<pre name="code" class="javascript">$("#div").addClass("main");

如果想移除某一个class样式

$("#div").removeClass("main");

另外一个方法 如下:切换div的样式类，有main则移除，没有则添加。。。。

<pre name="code" class="javascript">$("button").click(function(){
$("#div").toggleClass("main");
})

2.使用css()方法;

不需要提前调用

$("#div").css("background-color","red");