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 程式的差異: