【css】动态切换css样式

1.使用  addClass()方法;

      

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

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

       eg:       main{

                         background-color:red

                       }

                      js中调用

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

      如果想移除某一个class样式

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

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

$("button").click(function(){
    $("#div").toggleClass("main");
})

2.使用css()方法;

          不需要提前调用

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