jquery 用于操作动态元素的delegate/on方法

delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。

在做项目中有很多由ajax动态生成的html标签,jquery对这些标签不会响应((selector).click(function.. 或者)(selector).bind('click',function..,。

查看资料有的推荐使用live方法,但live在jQuery1.7中就不再建议使用,在1.9中就给删除了,改用on方法取代live方法。

搜索

jQuery官方网站声称下面三行代码是等价的
$(".btn").live("click", function(){ alert("Goodbye!"); }); // jQuery 1.3+
$(".jk_table").delegate(".btn", "click", function(){ alert("Goodbye!"); }); // jQuery 1.4.3+
$(".jk_table").on("click", ".btn", function(){ alert("Goodbye!"); }); // jQuery 1.7+

这里要特别注意:$(".jk_table")这个对应的元素必须不是动态生成的。

原文地址:https://www.cnblogs.com/userzf/p/9402660.html