5.4 動態事件綁定

html 部份：

<ul>
  <li><button type="button" class="btn">按鈕</button></li>
</ul>

js 部份：

$("button.btn").on("click", function(e){

});

解決方式：

// 針對 document 物件，綁定 click 事件
$(document).on("click", "button.btn", function(e){

});

請藉由以下範例，瞭解上述兩段 js 程式的差異：