Javascript 通用按钮自添加类

是否可以用不同的ID为代码中的所有按钮创建一个通用jquery？我好像没法让它工作。我试图实现的是，每次单击按钮时，javascript都会为单击的特定按钮添加一个类

HTML:

<button type="button" onClick="myFunction(this.id)" id="test1" class="btn btn-primary btn-xs pull-right">button 1</button>
<button type="button" onClick="myFunction(this.id)" id="test2" class="btn btn-primary btn-xs pull-right">button 2</button>
<button type="button" onClick="myFunction(this.id)" id="test2" class="btn btn-primary btn-xs pull-right">button 2</button>

function myFunction(this) {
     $(this).addClass("animated flipInY");
  setTimeout(function(){
     $(this).removeClass("animated flipInY")

  },1000); 
}

---

您可以将

单击

事件与

按钮

选择器一起使用，它将适用于所有按钮：

$('button').on('click', function(){
     $(this).addClass('animated flipInY');
}

---

希望这能有所帮助。

我认为您遇到的问题与为所有按钮调用“removeClass”有关

为此，你需要改变

setTimeout(function(){
     $(this).removeClass("animated flipInY")
  },1000); 

到

在代码中（或者最好将其添加到Zakaria答案中）

setTimeout(function(){
     $('button').removeClass("animated flipInY")    
  },1000);