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 的子元素,否则动态添加的元素绑定的事件依旧无效

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 3,863评论 0 3
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,018评论 1 45
  • 1、 jQuery 能做什么? jquery是一个丰富的js库,内部对js的很多复杂的方法进行了封装和加工,比如j...
    zh_yang阅读 5,219评论 6 13
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 5,192评论 0 8
  • 这里刚下过一场雪 仿佛人间的爱都落在低处 你坐在窗下 窗子被阳光突然撞响 多么干脆的阳光呀 仿佛你一生不可多得的喜...
    诗是一种存在方式阅读 1,111评论 0 0