Question

我唯一需要做的就是在点击按钮时更改班级按钮，但它不起作用。如果我再次点击它必须改回来。

HTML

<div class="frame">
    <div class="off">Off</div>
    <div class="on">On</div>
</div>

jquery的

    $(document).ready(function () {
    $('.frame').on('click', function () {
        //$(this).removeClass('.on');
        $(this).removeClass("on");
    });
});

css

.on {
position: absolute;
top: 0;
width: 160px;
background-color: #33FF33;
text-align: center;
float: left;
}
.off {  
position: absolute;
top: 0;
width: 160px;
background-color: #FF3333;
text-align: center;
float: left;
}

有什么问题？

Answer 1

这个怎么样：

    $('.frame').on('click',function(ev){
      $(this).toggleClass('on off')
});

希望这有帮助

删除并添加类

1 个答案: