jquery如何给不存在的元素添加事件-木庄网络博客

本文摘自PHP中文网，作者coldplay.xixi，侵删。

jquery给不存在的元素添加事件的方法：1、【jquery1.9】版本之前，使用live方法，代码为【$("#id").live("click", function ()】；2、【jquery1.9】版本之后，使用On方法。

本教程操作环境：windows7系统、jquery3.2.1&&jquery1.9版本，DELL G3电脑。

推荐：jquery视频教程

jquery给不存在的元素添加事件的方法：

问题：

jquery中给元素添加事件是很简单的，如：添加一个点击事件。

1 2	`$(选择器).click(function(){` `);`

但是，项目中做了ajax分页，第一页直接加载，使用上述方法，完全没有问题。但是用在使用ajax分页，其它页的内容，都是后面通过innerHTML来进行添加，添加后的元素就没有相关的事件了。

其实，原因也很好理解就是在最开始添加事件时，其它页的元素并不存在，后面通过innerHTML添加后，标签是有了，但是对应的事件却是没有的。

那么，如何解决上面的总结呢？？给不存在的元素也添加事件

解决方案：

使用live方法：给不存在的元素，绑定事件

$("#id").live("click", function () { 
            alert("ok"); 
     });

但是，jquery 1.9+版本后，就删除了live方法. 那用什么方法来替换live呢？

答案，就是使用on方法

相关阅读 >>

更多相关阅读请进入《jQuery》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者