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


         


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com