button按钮添加事件响应

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

1. jquery实现： 

   $('#id').click(function(){
        // do  
   })； 

2. js实现;

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

3. Html+js代码实现：

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

   function onClick(){
       //do
   }

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

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

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

和

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

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