programing tip

jQuery empty () 대 remove ()

itbloger 2020. 8. 25. 07:46
반응형

jQuery empty () 대 remove ()


에서 empty()remove()메서드 의 차이점은 무엇 jQuery이며 이러한 메서드를 호출하면 생성되는 객체가 파괴되고 메모리가 해제됩니까?


  • empty() 선택 항목의 모든 내용이 제거됩니다.
  • remove() 선택 항목과 해당 내용이 제거됩니다.

치다:

<div>
    <p><strong>foo</strong></p>
</div>

$('p').empty();  // --> "<div><p></p></div>"

// whereas,
$('p').remove(); // --> "<div></div>"

둘 다 DOM 객체를 제거하고 그들이 차지하는 메모리를 해제해야합니다.


문서는 그것을 아주 잘 설명합니다. 다음과 같은 예도 포함되어 있습니다.

전에:

<div class="container">
  <div class="hello">Hello</div>
  <div class="goodbye">Goodbye</div>
</div>

.없애다():

$('.hello').remove();

후:

<div class="container">
  <div class="goodbye">Goodbye</div>
</div>

전에:

<div class="container">
  <div class="hello">Hello</div>
  <div class="goodbye">Goodbye</div>
</div>

.빈():

$('.hello').empty();

후:

<div class="container">
  <div class="hello"></div>
  <div class="goodbye">Goodbye</div>
</div>

메모리에 관한 한, 요소가 DOM에서 제거되고 이에 대한 참조가 더 이상 없으면 가비지 수집기가 실행될 때 메모리를 회수합니다.


$("body").empty() -body 태그 내의 HTML DOM 요소를 제거합니다.

선언 할 때 $("body").remove()-본문 TAG와 함께 전체 HTML DOM을 제거합니다.

참고URL : https://stackoverflow.com/questions/3090662/jquery-empty-vs-remove

반응형