• Q&A
  • 회원가입
  • 로그인

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

235  

목차

  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()

 


[매개변수]

 

없음.

 



찾아주셔서 감사합니다. Since 2012