Javascript 有人能告诉我如何使用addClass和removeClass吗？实际上我的代码不起作用

我这里有个案子。单击按钮时，我希望更改类例如，如果单击按钮，我希望删除隐藏选项卡，同时添加显示选项卡类这是我的jquery代码，请帮助我

$（文档）.ready（函数（）{
$（'#按钮'）。在（'单击'，函数（）上）{
$（'.form group'）.removeClass（'hide-tab'）；
$（this.addClass（'show-tab'）；
});
});

你的名字叫什么？
你的手机号码是多少？
你的电子邮件地址是什么？
您希望我们组织什么类型的活动？
舞蹈活动
生日活动
家庭聚会活动
马拉松比赛
颁奖典礼
艺术比赛
如果你的想法
日程会议
继续
因为您的按钮类型是
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
  });
});

由于您的按钮类型是
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
  });
});

将按钮类型更改为按钮：
将按钮类型更改为按钮：