[jQuery] jQuery empty 메소드에 대한 설명

22 Dec 2023

jQuery

jQuery의 empty 메소드는 선택한 요소의 자식 요소들을 제거하는 데 사용됩니다.

사용법

$(selector).empty()

selector는 요소를 선택하는데 사용되는 jQuery 선택자입니다.

예제

다음은 empty 메소드의 간단한 예제입니다.

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>

<div id="myDiv">
  <p>Hello, <span>world</span>!</p>
</div>
<button id="emptyBtn">Remove Content</button>

<script>
$(document).ready(function(){
  $("#emptyBtn").click(function(){
    $("#myDiv").empty();
  });
});
</script>

</body>
</html>

위 예제에서는 “Remove Content” 버튼을 클릭했을 때 #myDiv의 모든 자식 요소들이 제거됩니다.

결론

empty 메소드는 선택한 요소의 자식 요소들을 효과적으로 제거하는 데 사용됩니다.

더 많은 정보는 jQuery 공식 문서를 참고하세요.