首页 » 乱七八糟 » jquery给新加的元素绑定事件的最佳方法

jquery给新加的元素绑定事件的最佳方法

曾看见过发过一篇文章里面洋洋洒洒写了jquery新建的元素事件绑定问题的4个方法,地址是:http://log.fyscu.com/index.php/archives/180/,看完后差点被骗了。因为我发现了更好用的方法,且是官方非常推荐的。 我得出的结论是,该文章的方法比较适合2010年的web。

解决新增元素最佳的方法是:

使用jquery的on来监听,

$("selector").on( events [, selector ] [, data ], handler(eventObject) )

on方法接收4个参数,第一个是事件名称,第二个是可选的 一个选择器字符串,用于过滤出被选中的元素中能触发事件的后代元素,我们可以在第二个参数里面去寻找我们新增的元素。例如:

$("#posts").append('<article><div class="content">dsgygb</div></article>')

$("#post").on("click",".content",function(){

console.log('dsgygb被点到了');
}

这里有一个前提是,#post需在原来的dom中存在。