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条)

报告相同问题？

悬赏问题

  • ¥30 这是哪个作者做的宝宝起名网站
  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据，怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据，怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题！