削除系最強のメソッド。.empty() > .remove() > .detach()
DOMツリーからもDOMデータも削除。もちろんイベントもデータも削除。どこからも参照できないのでjavascriptが適切にメモリを解放してくれるはず。
サンプル
Javascript
$('.jqTest1 .execute').on('click', function(e){
alert($(e.target).closest('div.myBook').find('img').attr('alt'));
});
$('.jqTest1 .empty').on('click', function(e){
$('.jqTest1 .myBook').empty().appendTo('.jqTest1');
});
HTML
<div class="jqTest1">
<div class="myBook">
<br><br>
<button class="execute cq-btn m-primary">Alert</button>
</div>
<br><br>
<button class="empty cq-btn m-danger">empty</button>
</div>
CSS
.jqTest1 .myBook {
padding: 1em;
margin: 1em;
border: 1px solid #CCCCCC;
}