javascript - 通用按钮自添加类

Question

是否可以为我的代码中具有不同 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>

JS:

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

  },1000); 
}

Answer 1

您可以将 click 事件与 button 选择器一起使用，它将适用于您的所有按钮:

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

希望这有帮助。