Javascript更改类两次

我编写了以下代码，当您单击链接时，整个样式都将更改

$（“.buybuttons”）。单击（函数（）{
$（“.buybuttons”）.removeClass（）.addClass（'buybuttonsclick'）；
});
.buy按钮{
背景色：#000000；
文本对齐：居中；
填充：10px；
}
.Buy按钮单击{
背景色：#ff0000；
文本对齐：右对齐；
填充：10px；
}
关于
toggleClass（）
呢


$（“.buybuttons”）。单击（函数（）{
$（this.toggleClass（'buybuttonsclick'）；
});
.buy按钮{
背景色：#000000；
文本对齐：居中；
填充：10px；
}
.Buy按钮单击{
背景色：#ff0000；
文本对齐：右对齐；
填充：10px；
}
关于
toggleClass（）
呢


$（“.buybuttons”）。单击（函数（）{
$（this.toggleClass（'buybuttonsclick'）；
});
.buy按钮{
背景色：#000000；
文本对齐：居中；
填充：10px；
}
.Buy按钮单击{
背景色：#ff0000；
文本对齐：右对齐；
填充：10px；
}
使用jquery
toggleClass（）
函数，它将
从匹配元素集中的每个元素中添加
或
删除
一个或多个
类，具体取决于类的存在或状态参数的值。你可以找到文件


$（“.buybuttons”）。单击（函数（）{
$（this.toggleClass（'buybuttonsclick'）；
});
.buy按钮{
背景色：#000000；
文本对齐：居中；
填充：10px；
}
.Buy按钮单击{
背景色：#ff0000；
文本对齐：右对齐；
填充：10px；
}
使用jquery
toggleClass（）
函数，它将
从匹配元素集中的每个元素中添加
或
删除
一个或多个
类，具体取决于类的存在或状态参数的值。你可以找到文件


$（“.buybuttons”）。单击（函数（）{
$（this.toggleClass（'buybuttonsclick'）；
});
.buy按钮{
背景色：#000000；
文本对齐：居中；
填充：10px；
}
.Buy按钮单击{
背景色：#ff0000；
文本对齐：右对齐；
填充：10px；
}


因为当您删除该类时，不会发生单击事件
在锚点上添加另一个类，然后在单击事件中使用它
使用toggleClass（）

$（“.anchorclass”）。单击（函数（）{
$（this.toggleClass（'buybuttonsclick buybuttons'）；
});
.buy按钮{
背景色：#000000；
文本对齐：居中；
填充：10px；
}
.Buy按钮单击{
背景色：#ff0000；
文本对齐：右对齐；
填充：10px；
}


因为当您删除该类时，不会发生单击事件
在锚点上添加另一个类，然后在单击事件中使用它
使用toggleClass（）

$（“.anchorclass”）。单击（函数（）{
$（this.toggleClass（'buybuttonsclick buybuttons'）；
});
.buy按钮{
背景色：#000000；
文本对齐：居中；
填充：10px；
}
.Buy按钮单击{
背景色：#ff0000；
文本对齐：右对齐；
填充：10px；
}
您更改了两次类，然后使用
toggelclass


$（“.buybuttons”）。单击（函数（）{
$（“.buybuttons”）.toggleClass（'buybuttonsclick'）；
});
.buy按钮{
背景色：#000000；
文本对齐：居中；
填充：10px；
}
.Buy按钮单击{
背景色：#ff0000；
文本对齐：右对齐；
填充：10px；
}
您更改了两次类，然后使用
toggelclass


$（“.buybuttons”）。单击（函数（）{
$（“.buybuttons”）.toggleClass（'buybuttonsclick'）；
});
.buy按钮{
背景色：#000000；
文本对齐：居中；
填充：10px；
}
.Buy按钮单击{
背景色：#ff0000；
文本对齐：右对齐；
填充：10px；
}
您可以选择
切换类（）
而不是删除和添加类。只要一点零钱

$(".buybuttons").click(function() {
   $(".buybuttons").toggleClass('buybuttonsclick');
});

不管怎样，我希望你得到你的答案。回答有点晚。
您可以选择
切换类（）
，而不是删除和添加类。只要一点零钱

$(".buybuttons").click(function() {
   $(".buybuttons").toggleClass('buybuttonsclick');
});

不管怎样，我希望你得到你的答案。回答有点晚。
或者如果你想一直上课的话

$(".buybuttons, .buybuttonsclick").click(function() {
  $(this).toggleClass('buybuttonsclick');
  $(this).toggleClass('buybuttons');
});

或者如果你想一直上课的话

$(".buybuttons, .buybuttonsclick").click(function() {
  $(this).toggleClass('buybuttonsclick');
  $(this).toggleClass('buybuttons');
});

单击
处理程序在代码运行时将自身分配给
.buybuttons
。如果删除该类，则该赋值仍然存在。在处理程序中添加一个
console.log
，即使类已被删除，当您再次单击它时，也会看到代码运行。如果您不希望出现这种行为，请使用事件委派。您可以使用
toggleClass
。有关更多详细信息，请浏览“提及”链接，在代码运行时，单击处理程序将自己分配给
.buybuttons
。如果删除该类，则该赋值仍然存在。在处理程序中添加一个
console.log
，即使类已被删除，当您再次单击它时，也会看到代码运行。如果您不希望出现这种行为，请使用事件委派。您可以使用
toggleClass
。要了解更多详细信息，请浏览title link@guradio，也不需要切换
buybuttons
class，因为无论如何它都会被
buybuttonslick
class覆盖。但是，如果我们交换类的位置，它将无法正常工作。你是对的，我不知道添加另一个时样式将被覆盖。我不知道样式将在哪个类上使用的优先级。@Guratio也不需要切换
buybuttons
class，因为不管怎样，它被
buybuttonclick
class覆盖了。然而，如果我们交换类的位置，它将不能正常工作。你是对的，我不知道当添加另一个时样式将被覆盖