jQuery를 사용하여 DOM 요소를 조작할 때, 종종 요소 내부의 내용을 지우고 초기화해야 할 때가 있습니다. 이 때 empty() 메소드를 사용하여 간편하게 해당 요소의 모든 자식 요소를 지울 수 있습니다.

empty 메소드의 사용

$(document).ready(function(){
  // 제목 요소 초기화
  $("#myTitle").empty();
});

위의 예제에서는 문서가 준비되면($(document).ready) id가 “myTitle”인 요소의 내용을 지우고 초기화합니다.

empty() 메소드 사용 시 해당 요소의 내부를 비우기 때문에 주의해야 합니다. 만약 자식 요소들을 모두 제거하지 않고 단순히 내용만을 지우고 싶다면 text()나 html() 메소드를 사용할 수 있습니다.

jQuery empty 메소드는 요소 내부의 내용을 비우는 간편하고 효과적인 방법을 제공하여, DOM 조작 프로세스를 더욱 쉽게 만들어 줍니다.

더 자세한 내용은 jQuery 공식 문서를 참고하시기 바랍니다.