Question

所以我想在点击时添加一个类，然后再次单击它时，我想将它还原为上一个类。这是如何实现的。我也使用on()测试了它，但也没有运气。

＆＃13;

$('.red').click(function() {
  $(this).removeClass('red').addClass('blue');
});

$('.blue').click(function() {
  $(this).removeClass('blue').addClass('red');
});

＆＃13;

.red {
  color: red;
}

.blue {
  color: blue;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" class="red">test click</a>

＆＃13;

您可以运行代码 here

如何更改课程？它显示在Dom中，但不在前端。

Answer 1

对于新创建的元素或类，您使用的.click将不起作用。您必须按以下方式使用on方法：

$(document).on('click','.red', function(){

                $(this).removeClass('red').addClass('blue');
            });


 $(document).on('click','.blue', function(){

                $(this).removeClass('blue').addClass('red');
            });

添加一个类，然后删除它并添加另一个

1 个答案: