任何人都可以告诉我如何使用addClass和removeClass实际上我的代码不起作用

Question

我在这里有一个案例。当点击按钮我想要更改类，例如，如果单击按钮我想要删除隐藏标签，同时我想添加show-tab类这是我的jquery代码，请帮助我< / p>

.*

$(document).ready(function() {
  $('#button').on('click', function() {
    $('.form-group').removeClass('hide-tab');
    $(this).addClass('show-tab');
  });
});

Answer 1

由于您的按钮类型为submit。因此会发生更改，但会处理一次性表单并重新加载所有内容。这就是你无法看到变化的原因。

使用preventDefault()，如下所示： -

$(document).ready(function() {
  $('#button').on('click', function(e) {
    e.preventDefault();
    $('.form-group').removeClass('hide-tab'); // remove hide-tab class from all elements having form-group class
    $(this).addClass('show-tab'); // this will add class to the button only not to others
  });
});