jQuery动态生成元素绑定事件的操作实例分析

本文给出了一个例子来描述jQuery动态生成的元素绑定事件操作。分享给大家参考，如下：

在这段时间里，我在写代码的时候遇到了一个问题。click事件不适用于append()添加的节点。当时我百思不得其解，找不到出错的原因。后来发现是动态生成节点的问题，或者说我没有经验。

让我们总结一下这个问题的来龙去脉，吸取过去的教训。

先看看点击绑定事件的效果。

创建一个按钮来生成一个新的节点

按钮创建/按钮绑定点击事件

脚本//添加点击事件$ ('p ')。单击(function () {$ (this))。文本('点击')；})//创建一个新节点$(“button”)。click(function(){ var p=' pnew/p '；$(“div”)。追加(p)；})/script点击第一个p元素，事件生效，运行结果为：

单击按钮生成新节点，然后单击新节点运行结果：

事实证明，click没有绑定到新节点。

如果需要将事件绑定到动态元素，则需要在()上使用。

$(“div”)。on('click '，' p '，function(){ $(this)。文本('点击')；})on()方法，该方法可以将事件绑定到未来的元素

用法：

1.首先选择动态生成元素的父元素2，然后绑定事件3，然后选择子类

可以理解为将click事件绑定到div下的p元素，包括未来的p元素，很容易理解，具体细节可以在文档的具体描述中看到

更多对jQuery感兴趣的读者，请查看本站话题：《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jquery选择器用法总结》、0103010。

希望本文对大家的jQuery程序设计有所帮助。