Javascript jQuery按钮更改类

我已经编写了以下代码，当你点击按钮时，整个样式都会改变

$（“.Button1”）。单击（函数（）{
$（this.toggleClass（'Button1Changed'）；
});
.Button1{
背景色：#000000；
颜色：#ffffff；
}
.按钮1已更改{
背景色：#ff0000；
颜色：#ffffff；
}

按钮1-单击
可以使用方法排除当前元素，即

此，也可以从其他元素中排除

  $(".Button1").not(this).removeClass('Button1Changed'); 

$（“.Button1”）。单击（函数（）{
$（“.Button1”）.not（this.removeClass（'Button1Changed'）；
$（this.toggleClass（'Button1Changed'）；
});
.Button1{
背景色：#000000；
颜色：#ffffff；
}
.按钮1已更改{
背景色：#ff0000；
颜色：#ffffff；
}

按钮1-单击
按钮2-单击
按钮3-单击
按钮4-单击
另一种方法可以基于：切换当前元素的类和上次更改的按钮：

$('.Button1.Button1Changed').add(this).toggleClass('Button1Changed');


$（.Button1”）。在（'click'，函数（e）{
$（'.Button1.Button1Changed'）。添加（this.toggleClass（'Button1Changed'）；
});
.Button1{
背景色：#000000；
颜色：#ffffff；
}
.按钮1已更改{
背景色：#ff0000；
颜色：#ffffff；
}

按钮1-单击
按钮2-单击
按钮3-单击
按钮4-单击