Jquery动态生成的标签添加绑定事件

为动态生成的标签添加绑定事件 , 此处列举以下两种方法

生成动态标签的部分代码:

$("#userBody").append("    <tr class='active'>        <td>            <a href='javascript:void(0);'              getId='"+this.id+"'             id='changeLock'             style='text-decoration: none;'>             "+this.lockStatusStr+"            </a>        </td>

目的 : 通过点击该表单元素 , 改变该表单元素的值

方式1: delegate

$("#userBody").delegate("#changeLock","click",function(){    alert("success");    })

方式2 : on

$("#userBody").on("click","#changeLock",function(){        alert("success");    })

---

方式二的具体实现 : (function()函数的实现)

$("#userBody").on("click","#changeLock",function(){    //获得当前标签的getId属性的值    var id = $(this).attr("getId");    //调用控制层userChangeLockStatus.do执行状态改变操作    //根据返回信息执行相应操作:success--刷新该列表    $.post(            "settings/qx/user/userChangeLockStatus.do",            {"id":id},            function(data){                if(data=="success"){                    pageList();                }            }    )})

欢迎各位大神提供更多方法 ~