itanℒ 2019-07-06 17:46 采纳率: 64.1%
浏览 609
已采纳

js解决标签类名的切换问题 .....

图片说明

点击按钮 背景变红 再点击按钮 背景变回原样

  • 写回答

2条回答 默认 最新

  • 毕小宝 博客专家认证 2019-07-06 18:13
    关注

    首先，对该按钮添加 id ,添加 事件，根据当前样式设置为另一种样式：

    <!DOCTYPE html>
<html>
<head>
<style type="text/css">

.grayClass{background-color: gray}
.redClass{background-color: red}

</style>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
function changeBackground(){
     var curClass = $("#setBackground").attr("class");
     if(curClass == 'grayClass'){
         $("#setBackground").attr("class",'redClass');
     }else{
         $("#setBackground").attr("class",'grayClass');
     }
   }
</script>
</head>
<body>
<button onclick="changeBackground();" id="setBackground" class="grayClass">设置背景</button>

</body>
</html>

    在 http://www.w3school.com.cn/tiy/t.asp?f=jquery_hide 可以查看代码效果。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

悬赏问题

  • ¥15 关于下拉菜单选项关联的问题
  • ¥15 如何修改pca中的feature函数
  • ¥20 java-OJ-健康体检
  • ¥15 rs485的上拉下拉，不会对a-b<-200mv有影响吗，就是接受时，对判断逻辑0有影响吗
  • ¥15 使用phpstudy在云服务器上搭建个人网站
  • ¥15 应该如何判断含间隙的曲柄摇杆机构，轴与轴承是否发生了碰撞？
  • ¥15 vue3+express部署到nginx
  • ¥20 搭建pt1000三线制高精度测温电路
  • ¥15 使用Jdk8自带的算法，和Jdk11自带的加密结果会一样吗，不一样的话有什么解决方案，Jdk不能升级的情况
  • ¥15 画两个图 python或R