[HTML_CSS] JQ - empty() 메서드 - 선택요소의 모든 자식노드와 내용 제거. (= 비우기 = empty메서드 = 엠프티 메서드)

목차

1. empty() 예제 - div 요소 안 자식노드와 내용 제거
2. empty() 정의
3. empty() 구문

empty() 예제 - div 요소 안 자식노드와 내용 제거

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

    $("button").click(function(){

        $("div").empty();

    });

});

</script>

<div style="height:100px;background-color:yellow">

  홈짱닷컴 <b>Homzzang.com</b>

</div>

<p>홈페이지 제작관리강의</p>

<button>클릭</button>

 

결과보기

empty() 정의

 

선택요소 안의 모든 자식노드와 내용을 제거.

※ 선택요소 자체나 그 요소의 속성은 제거 X.

 

---

cf 메서드.

 

• detach() 메서드: (data, event) 제거 X 후, 요소들 제거.
• remove() 메서드: (data, event) 제거 O 후, 요소들 제거.

 

empty() 구문

 

$(selector).empty()

 

---

[매개변수]

 

없음.