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

})