【css】动态切换css样式

1.使用  addClass()方法;

      

动态css样式
        首先在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");


         

你可能感兴趣的:(js,jquery,css)