使用 on()方法添加的事件處理程序適用于當(dāng)前及未來的元素（比如由腳本創(chuàng)建的新元素）。
這兩者在綁定靜態(tài)控件時沒區(qū)別芭梯，但是綁定動態(tài)控件時只能用on()您市。
下面的例子使用click()時碱蒙，后面追加的元素不會被刪除，而使用on()方式可以孕索。
<div>
<button id="newon">用on生成的</button>
<button id="newclick">用click生成的</button>
<ul class="li">
<li>原來的html-on
<button class="del-on">刪除</button>
</li>
<li>原來的html-click
<button class="del-click">刪除</button>
</li>
</ul>
</div>
//兩個添加
$("#newon").click(function(){
$(".li").append("<li>用on添加的<button class='del-on'>刪除</button></li>")
});
$("#newclick").click(function(){
$(".li").append("<li>用click添加的(刪除不了)<button class='del-click'>刪除</button></li>")
});
//兩個刪除
$(".li").on("click",".del-on",function(){
$(this).parent().remove();
});
$(".del-click").click(function(){
$(this).parent().remove();
})
干一行逛艰，愛一行，學(xué)到老檬果，活到老~~
