jQuery 为动态追加的元素添加点击事件

版权声明：欢迎转评,一起学习. https://blog.csdn.net/xiaobinqt/article/details/84109813

在 jquery1.7 之前的版本中用的是 live()方法,但是 live() 方法在 1.7 中已经不建议使用,1.9 中已经删除了这个方法.

live() 方法适用于匹配选择器的当前及未来的元素 (例如用 JS 脚本创建的新元素）

自 jquery1.7 版本起，on() 方法是 bind() / live() / delegate() 方法的新的替代方法

on() 方法添加的事件处理程序适用于当前及未来的元素（比如由 JS 脚本创建的新元素）

使用示例

 $("#xx").on("click",".add-html",function(){

 });

on() 前面的这个 #xx一定要是 html 中存在的，静态的,否则点击事件触发不了, ".add-html" 是动态加载出来的内容,它的 class=".add-html"

on() 方法在任何条件下都是成立的.