jQuery1.9+版本的.on使用方法笔记

在jQuery1.7以前，异步加载的内容如果有click事件，都是使用.live方法。jQuery升级到1.9以后，本方法不再适用，改为.on方法。
.on方法可以接受3个参数：事件名，触发选择器，事件函数。
举例说明：
某html文档中有一个id为parent的div，在这个div内再添加一个id为son的span。我们要为这个span绑定1个事件，其js代码为：
$("#parent").on("click","#son",function(){
alert("hello world")
})

专注于为中小企业提供成都网站制作、网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业交城免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了近千家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

注意：
.live的返回值是事件触发的对象，而.on是在容器上。
如下所示：
jQuery1.7及以下版本：
$("#parent").find("#son").live("click",function(){
alert("hello world");
})

jQuery1.9以上版本：
$("#parent").on("click","#son",function(){
alert("hello world");
})

网页标题：jQuery1.9+版本的.on使用方法笔记
分享路径：https://www.cdcxhl.com/article34/gcoose.html

成都网站建设公司_创新互联，为您提供网站内链、小程序开发、商城网站、品牌网站设计、品牌网站建设、网站维护

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容