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' )

})