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();
}
}
)

})

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