jquery实现点击按钮元素样式切换
1、新建HTML文件
2、引入jquery.min.js文件
3、创建css样式
4、创建div和按钮并添加class样式
5、预览效果图
6、创建js点击事件
7、当点击按钮样式切换
8、点击按钮效果如图
9、再点击按钮,效果变回之前的效果,附上源码<script>$(function()辘腋粪梯{ $("button").click(熠硒勘唏function(){ $("div").toggleClass("blue"); });});</script></head><style>.red{ width:400px; height:200px; line-height:200px; color:#0F0; background:#F33;}.blue{background:#0F0; color:#FFF;}</style>
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:73
阅读量:88
阅读量:28
阅读量:41
阅读量:51