イベントの設定方法による違いは？

質問

イベントをセットする際、下記の2通りの方法があった場合、どちらの方が良いのでしょうか？
パターン(2)の方が、ajaxで動的にdomが変更されたときに安全だとは思うのですが、処理が遅かったりするのでしょうか？

【パターン(1)】
$('.target').on('click', function(){
func();
});

【パターン(2)】
$(document).on('click', '.target', function(){
func();
});

回答No.2

think49 · ベストアンサー

パターン1は各要素郡にイベント定義する為、メモリを多量に消費します。バブリング順序を踏まえれば、パターン2より早い段階で検地します。
パターン2は document 一つにイベント定義する為、メモリ消費量は少ない。場番部リング順序としてはパターン1より遅い。

処理速度はコードや環境に依存する為、自分で計測してみてください。

# Re: nakayama7さん

回答No.1

ONEONE

こちらは勉強になりますよ。

http://qiita.com/smzk/items/5eed5a90c4b32ca8b23a