jq点击按钮添加类名和删除类名的多种方法

有多种方法可以使用 jQuery 来添加和删除类名。以下是其中的一些示例代码：

1. 使用 addClass() 和 removeClass() 方法：

// 添加类名
$('button').click(function() {
  $('div').addClass('active');
});

// 删除类名
$('button').click(function() {
  $('div').removeClass('active');
});

2. 使用 toggleClass() 方法：

$('button').click(function() {
  $('div').toggleClass('active');
});

3. 使用 attr() 方法：

// 添加类名
$('button').click(function() {
  $('div').attr('class', 'active');
});

// 删除类名
$('button').click(function() {
  $('div').removeAttr('class');
});

4. 使用 css() 方法：

// 添加类名
$('button').click(function() {
  $('div').css('background-color', 'red');
});

// 删除类名
$('button').click(function() {
  $('div').css('background-color', '');
});

这些示例代码可以根据你的具体需求进行修改和扩展。