jquery - html を上書きすると、dom から削除されますか?

Question

次のコードがあるとします。

...
<div id="div1">
    <div id="div2">Original div2</div>
</div>

<div id="div3"></div>

...

私が走れば

$('#div1').html('');
$('#div3').html('<div id="div2">New div2</div>');

.remove() を使用して dom から #div2 を削除しなかったために問題が発生するのでしょうか、それともこの方法で html をクリアすると問題が解決するのでしょうか?

div2 にハンドラーをアタッチする JavaScript が含まれている場合は、次のように言います。

$('#div2').on('click',function() { ... });

それも削除されますか、それとも off() する必要がありますか?

Answer 1

イベントが失われる.on()ため、このように使用できるため、イベントを再バインドする必要はありません

$(document).on('click','#div2',function() { ... });