利用js实现点击切换css样式

引入js

<script src="jquery.min.js"></script>

<script>

$(function(){

  $("button").click(function(){

     $("div").addClass("red blue");

  });

});

</script>

<style>

.blue{color:#0F0; background:#99F;}

.red{ width:400px; height:200px; line-height:200px;}

</style>

其中button为触发条件

dvi 为插入css样式位置

red  blue 为插入class样式

版权声明：原创作品，未经允许不得转载，否则将追究法律责任。
本站资源有的自互联网收集整理，如果侵犯了您的合法权益，请联系本站我们会及时删除。
本站资源仅供研究、学习交流之用，若使用商业用途，请购买正版授权，否则产生的一切后果将由下载用户自行承担。
本文链接:源头网https://www.58588885.com/17337.html
许可协议:《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权