Javascript 这在onclick中与JQuery一起使用

我有25个这样的按钮：

但它不起作用

如果我使用以下命令更改功能：

单击2次后，所有按钮的样式都将更改，其工作方式也将更改

---

但我只需要更改单击按钮的样式。

这是因为

此

未设置为您认为应该设置的样式

<button class="Bouton_Clavier" onclick="Click_Bouton.call(this, 'Bouton-Name')"> Bouton-Name </button>

Bouton名称

此外，我觉得有义务建议不要使用

onclick=

，而是使用

$。单击

哦，而且你似乎没有对你的参数
Dom
做任何事情，这是因为
这个
没有设置为你认为应该设置的

<button class="Bouton_Clavier" onclick="Click_Bouton.call(this, 'Bouton-Name')"> Bouton-Name </button>

Bouton名称

此外，我觉得有义务建议不要使用
onclick=
，而是使用
$。单击

哦，您似乎没有对参数
Dom
执行任何操作手动将上下文设置为或（更好）不使用内联事件处理程序：

$(".Bouton_Clavier").click(function () {
  $(this).removeClass('Bouton_Clavier').addClass('Bouton_Clavier_Select');
});

手动将上下文设置为或（更好）不使用内联事件处理程序：

$(".Bouton_Clavier").click(function () {
  $(this).removeClass('Bouton_Clavier').addClass('Bouton_Clavier_Select');
});

按如下方式触发click事件后更改按钮css

$(".Bouton_Clavier").click(function(){
    $(this).removeClass('Bouton_Clavier').addClass('Bouton_Clavier_Select');
});

在代码的最后一部分，您提到了指向文档中所有按钮的$（“按钮”）。这就是为什么所有的按钮样式在点击按钮时都会改变

在单击事件后更改按钮css，如下所示：

$(".Bouton_Clavier").click(function(){
    $(this).removeClass('Bouton_Clavier').addClass('Bouton_Clavier_Select');
});

在代码的最后一部分，您提到了指向文档中所有按钮的$（“按钮”）。这就是为什么所有的按钮样式在点击按钮时都会改变