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

报告相同问题?

悬赏问题

  • ¥50 swiftui @query 报错
  • ¥50 怎么解决刷卡或扫码后,点击软件输入框,win10屏幕键盘不会自动弹出的问题
  • ¥15 如何使用arcgispro的训练深度模型,发现water和nowater精度为0?(相关搜索:深度学习)
  • ¥20 matlab作业不太懂呀有问题能给个代码吗
  • ¥15 自制电路图为何无法驱动ESP01S?
  • ¥15 前端加access数据库
  • ¥15 ARCGIS 多值提取到点 ERROR 999999
  • ¥15 mysql异常断电, [MY-011971] [InnoDB]
  • ¥15 uni.onBluetoothDeviceFound熄屏不运行
  • ¥15 求PHDA糖尿病并发症数据集,有偿