jquery为动态添加元素添加事件

//定义html元素
   
<div id= "dynamic_area" >
   
</div>
<input type= "button"  value= "btn1"  class= "btn1" />
   
//JQUERY代码如下
   
$(document).ready( function (){
     $( ".btn1" ).click( function (){
         alert( 'bind方式' );
     });
     $( "#dynamic_area" ).html( "<input type=\"button\" class=\"btn1\" value=\"btn2\"/>" );
     //第一种处理方式，重新绑定
     $( ".btn1" ).click( function (){
         alert(1);
     });
    //第二种处理方式，采用live的方式
    //在最上面的定义时，采用live方式，如下：
    $( '.btn1' ).live( 'click' ,  function (){
         alert( 'live方式' );
     })
     $( '#dynamic_area' )
})