对未来新添加的节点绑定事件

为未来新添加的节点绑定事件

以下例子只能通过点击第一个 p元素 来创建节点，点击 新生成的p元素 是不会有反应的。

<div class="container">
    <p>点击创建一个新的p元素</p>
</div>

$(".container p").click(function(){
  $(this).after("<p>点击创建一个新的p元素</p>");
});

使用 on()方法 或者 delegate()方法 来为未来节点绑定事件。
推荐使用 on()方法 ,因为自jQuery1.7版本起，delegate方法被on方法所取代。

//使用on方法
$(".container").on("click","p",function(){
  $(this).after("<p>点击创建一个新的p元素</p>");
});

//使用delegate方法
$(".container").delegate("p","click",function(){
  $(this).after("<p>点击创建一个新的p元素</p>");
});