现在的位置: 首页 > 综合 > 正文

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

2013年11月25日 ⁄ 综合 ⁄ 共 504字 ⁄ 字号 评论关闭
//定义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')
})

抱歉!评论已关闭.