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使用方法笔记
链接分享:http://csruizhi.cn/article/gcoose.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 重庆外贸网站建设 泸州网站建设 成都网站设计 成都营销网站制作 响应式网站建设 手机网站制作 成都网站建设公司 营销型网站建设 高端网站设计 成都网站建设推广 成都网站建设公司 成都企业网站设计 网站制作公司 网站建设费用 成都网站制作 成都网站建设公司 成都网站建设公司 营销型网站建设 企业网站设计 网站制作 成都网站设计 外贸网站设计方案