5.5 動態事件綁定

html 部份：5_5_dynamic_binding.html

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

js 部份：

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

});

// ul 標籤範圍點擊後，如果是 button.btn 被點擊的話，就觸發
$("ul").on("click", "button.btn", function(e){

});

// 或者通常直接這樣寫，因為 document 物件在更頂層的位置
$(document).on("click", "button.btn", function(e){

});

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