如何在 jQuery 中动态绑定 Onclick 事件到添加的 HTML 元素？

添加HTML元素动态绑定Onclick事件

使用jQuery动态添加元素到网页时，需要绑定点击事件适当地确保功能正常。但是，.bind() 和 .live() 等旧方法已被弃用。相反，应该使用 .on() 方法。

.on() 方法采用三个参数：事件类型（例如“click”）、标识事件应发送到的元素的选择器被绑定，以及处理的回调函数event.

示例：

$(document).on('click', '.added-element', function() {
    alert('Hello from the binded event!');
});

在此示例中，任何具有“added-element”类的元素在单击时都会触发警报，无论它是否已添加到 DOM

注意：

.on() 方法也可用于将事件绑定到特定容器内动态添加的元素。例如，如果要将点击事件绑定到 ID 为“container”的 div 中的所有元素，则可以使用以下代码：

$('#container').on('click', '.added-element', function() {
    alert('Hello from the container!');
});

以上是如何在 jQuery 中动态绑定 Onclick 事件到添加的 HTML 元素？的详细内容。更多信息请关注PHP中文网其他相关文章！