javascript - 追加の div を使用したパフォーマンス クリック イベント

Question

appenddiv があり、jQueryまたはを使用して別の div を追加しますhtml。

jQueryで要素の追加について調べてみました。

どちらが良いですか？

次のように文字列を使用して追加します。

$('#div_main').append('<div id="div_sub" onclick="func(param);"></div>') 

また：

$('#div_main').append($('<div id="div_sub"></div>').click(function(){ func(param) }))

最初に試したのはどちらが速いのですが、どちらが性能が良いですか?

appendin ループに注意してください。

Answer 1

ない。動的に追加/削除される要素のイベントを再バインドするべきではありません。代わりに、イベントを最も近い安定した親に委任する必要があります。

$('#div_main').on('click', '.sub', function () {
   ...do stuff...
});

$(...).on('click', function () {
    $('#div_main').append('<div class="sub"></div>');
});