為未來新添加的節(jié)點(diǎn)綁定事件
以下例子只能通過點(diǎn)擊第一個(gè) p元素 來創(chuàng)建節(jié)點(diǎn)脯倚,點(diǎn)擊 新生成的p元素 是不會有反應(yīng)的渔彰。
<div class="container">
<p>點(diǎn)擊創(chuàng)建一個(gè)新的p元素</p>
</div>
$(".container p").click(function(){
$(this).after("<p>點(diǎn)擊創(chuàng)建一個(gè)新的p元素</p>");
});
使用 on()方法 或者 delegate()方法 來為未來節(jié)點(diǎn)綁定事件。
推薦使用 on()方法 ,因?yàn)樽詊Query1.7版本起,delegate方法被on方法所取代恍涂。
//使用on方法
$(".container").on("click","p",function(){
$(this).after("<p>點(diǎn)擊創(chuàng)建一個(gè)新的p元素</p>");
});
//使用delegate方法
$(".container").delegate("p","click",function(){
$(this).after("<p>點(diǎn)擊創(chuàng)建一個(gè)新的p元素</p>");
});