js 为动态添加的元素绑定事件

想必大家都有遇到过，DOM动态添加的元素，你给它绑定的事件是不起作用的。目前有两种办法，为动态添加的元素绑定事件

• onclick属性
  动态添加数据时，就为元素绑定onclick事件。
• jquery on 方法，适用于当前及未来的元素（比如由脚本创建的新元素）
  $(selector).on(event,childSelector,data,function,map)

$("#appForm").on("click","ul li",function(){
    $(this).parents('div.new-bind-html').remove();
});

⚠️ 动态添加的子元素一定要放在on()方法里面，并且on()方法里面的 childSelector 必须要是 selector 的子元素，否则动态添加的元素绑定的事件依旧无效