WEB+DB PRESS Vol.71『プログラマのためのjQuery再入門』新旧イベントAPIの対応周りの写経

event-api.js

// $(elem).on('type', 'selector', handler)が$(elem).delegate('selector', 'type', handler)と同等

// 各td要素にaddEventListener相当の処理が実行される
$('table td').on('click', function(e) {
    // td要素に対する処理
    $(this).css('color', 'red');
})

// 親のtable要素だけにaddEventListenerしておき処理を委譲してもらう
$('table').on('click', 'td', function(e) {
    // td要素に対する処理
    $(this).css('color', 'red');
})