如何将点击事件绑定到元素？

Question

我有这样的脚本：

$(document).ready(function() {
    $('.button').click(function() {
       var button = document.createElement('button');
       $(button).addClass('button');
       $(button).html('Button');
       $(button).appendTo('.container');
    });
});

示例： jsfiddle

按钮是由按钮单击未单击事件创建的。 如何附加此事件以使用任何按钮创建按钮？

Answer 1

您需要委派事件处理程序以使用动态生成的元素。

通过事件委托，我们可以将单个事件侦听器附加到父元素，该元素将为与选择器匹配的所有后代触发，无论这些后代现在存在还是将来添加。

您可以使用on()方法委托处理程序，如下所示：

$(document).on("click",".button",function() {})

更新小提琴