在 jQuery 中处理动态元素时，考虑如何有效地附加事件处理程序至关重要。假设您有一个针对具有“.myclass”类的元素的单击处理程序。这适用于现有元素，但不适用于后来通过 AJAX 或 DHTML 添加的元素。
为了解决这个问题，jQuery 提供了多种事件委托方法。从历史上看，.live() 方法很常用，但从 jQuery 1.7 开始已被弃用。相反，应该使用 .on() 方法。
使用 .on() 进行事件委托
使用 jQuery 1.7 ，您可以使用 .on()方法将事件处理程序附加到父元素，并为要处理事件的元素指定选择器。例如：
$('body').on('click', 'a.myclass', function() {
// do something
});这会将点击事件处理程序附加到“body”元素中具有“myclass”类的所有“a”标签。这种方法可以有效地捕获现有元素和动态添加元素的事件。
使用 .delegate() 进行事件委托（jQuery 1.7 之前）
如果您使用1.7 之前的 jQuery 版本，可以考虑使用 .delegate() 方法。它的语法类似于 .on():
$('body').delegate('a.myclass', 'click', function() {
// do something
});这实现了与 .on() 方法相同的功能，但与旧的 jQuery 版本兼容。
示例动态元素
考虑以下内容例如：
<a>
当您单击 ID 为“anchor1”的链接时，会动态添加一个类为“myclass”的新“a”标签。使用 .on() 或 .delegate() 分配的事件处理程序将自动应用于此新元素并处理其单击事件。
通过利用事件委托技术，您可以有效地将事件处理程序附加到添加到的动态元素您的页面，确保所有相关元素都收到适当的事件处理。
以上是如何处理 jQuery 中动态添加元素的事件？的详细内容。更多信息请关注PHP中文网其他相关文章！
