HOME > > > > >

.empty()

引数

(string)selector

戻り値

(object)jQuery

削除系最強のメソッド。.empty() > .remove() > .detach()

DOMツリーからもDOMデータも削除。もちろんイベントもデータも削除。どこからも参照できないのでjavascriptが適切にメモリを解放してくれるはず。

サンプル

実行結果





Javascript

  1. $('.jqTest1 .execute').on('click', function(e){
  2.     alert($(e.target).closest('div.myBook').find('img').attr('alt'));
  3. });
  4.  
  5. $('.jqTest1 .empty').on('click', function(e){
  6.     $('.jqTest1 .myBook').empty().appendTo('.jqTest1');
  7. });

HTML

  1.  
  2. <div class="jqTest1">
  3.     <div class="myBook">
  4.        
  5.         <br><br>
  6.         <button class="execute cq-btn m-primary">Alert</button>
  7.     </div>
  8.     <br><br>
  9.     <button class="empty cq-btn m-danger">empty</button>
  10. </div>
  11.  

CSS

  1.  
  2. .jqTest1 .myBook {
  3.     padding: 1em;
  4.     margin: 1em;
  5.     border: 1px solid #CCCCCC;
  6. }
  7.