button按钮添加事件响应

button常用方式： <button id=\'id\' class=\'btn first\'>test</button>  

1. jquery实现： 

   1 $(\'#id\').click(function(){
   2      // do  
   3 })； 

2. js实现;

   1 document.getElementById("id").addEventListener(\'click\',function(){
   2     //do
   3 });

3. Html+js代码实现：

   <button id="id" class="btn first" onclick="onClick();">click</button>

   1 function onClick(){
   2     //do
   3 }

注：通常情况下使用1和2两种方式处理，一般事件都是放到js中处理，页面单纯做布局更优。

 另外bind和on同样可以添加事件

1 $(\'#id\').bind(\'click\', function(){
2 　　// do
3 });

和

1 $("#id").on("click",function(){
2     // do
3 });

内容为自己学习总结，若有雷同，纯属巧合。