jQuery에서 empty() 메소드는 선택한 요소의 자식 요소를 모두 제거하는 데 사용됩니다. 이를 통해 선택한 요소가 포함한 텍스트나 하위 요소들을 비울 수 있습니다.

empty() 메소드 사용 예제

$(document).ready(function(){
  $("#emptyButton").click(function(){
    $("#content").empty();
  });
});

위의 예제에서는 id가 “emptyButton”인 요소를 클릭했을 때, id가 “content”인 요소의 내용을 모두 지우도록 설정되어 있습니다.

empty() 메소드 사용 시 유의할 점

• empty() 메소드는 선택한 요소의 자식 요소들만을 비우며, 요소 자체는 유지됩니다.
• 만약 해당 요소의 내용을 비우고 싶다면, 해당 요소 자체를 선택하여 empty() 메소드를 적용해야 합니다.

이상으로 jQuery의 empty() 메소드를 사용하여 특정 텍스트 요소를 비우는 방법에 대해 알아보았습니다.

참고문헌:

• jQuery 공식 문서: https://api.jquery.com/empty/