jquery实现点击按钮元素样式切换

2025-04-08 07:59:49

1、新建HTML文件

jquery实现点击按钮元素样式切换

2、引入jquery.min.js文件

jquery实现点击按钮元素样式切换

3、创建css样式

jquery实现点击按钮元素样式切换

4、创建div和按钮并添加class样式

jquery实现点击按钮元素样式切换

5、预览效果图

jquery实现点击按钮元素样式切换

6、创建js点击事件

jquery实现点击按钮元素样式切换

7、当点击按钮样式切换

jquery实现点击按钮元素样式切换

8、点击按钮效果如图

jquery实现点击按钮元素样式切换

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>

jquery实现点击按钮元素样式切换
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢