jQuery Event Delegation の代替えを考える - Qiita$('body').on('click', 'button', handleButtonClicks) function handleButtonClicks(event) { console.log(event.target.id, 'button clicked!') } みたいなやつです。 動くサンプル 親要素へのイベントハンドラで、子要素のイベントが拾えます。 何が嬉しいのか？ 例えば、Todoリストのdoneチェックボックスを考えてみましょう。 DOM要素それぞれにイベントハンドラを設定すると Todoの項目を追加して、DOM要素を増やすと DOM要素を増やすたびにイベントハンドラを設定します。 Event Delegationを使うと 最初に一回だけ親要素にイベントハンドラを設定します。 子要素が増えても同じイベントハンドラで対応します。 詳しいことはUnderstanding
