jquery委托事件

为未来新添加的节点绑定事件

以下例子只能通过点击第一个 p元素 来创建节点,点击 新生成的p元素 是不会有反应的。
<div class="container">
    <p>点击创建一个新的p元素</p>
</div>
$(".container p").click(function(){
  $(this).after("<p>点击创建一个新的p元素</p>");
});
使用 on()方法来为未来节点绑定事件。
//使用on方法
$(".container").on("click","p",function(){
  $(this).after("<p>点击创建一个新的p元素</p>");
});
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 参考:.on() 众多历史问题(如.live()),不一一说明,只想说,我们给一个对象绑定事件的时候可以用如下方式...
    心彻阅读 3,567评论 0 0
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 5,205评论 0 8
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,514评论 19 139
  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 5,532评论 2 10
  • 冬天有始无终地来了 还是忘了你吧 那些游弋于心底的甜蜜 以后的日子不会再有 任凭我放纵奢望和绮念 幸福只是你香气的...
    蓝蓝的子夜爱在阳光阅读 3,328评论 10 26