jQuery 강좌 | Methods > .empty()

.empty()는 선택한 요소의 내용을 지웁니다. 주의할 점은 내용만 지울 뿐 태그는 남아있다는 것입니다.

문법

.empty()

예제

http://book.cmsfactory.net/jQuery/V01/Methods/empty-01.html

버튼을 클릭하면 p 요소의 내용이 지워지는 예제입니다.

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>jQuery Method | .empty()</title>
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script>
      $( document ).ready( function() {
        $( 'button' ).click( function() {
          $( 'p' ).empty();
        } );
      } );
    </script>
  </head>
  <body>
    <button>Click To Empty</button>
    <p>Lorem Ipsum Dolor</p>
  </body>
</html>

버튼을 클릭하면

<p>Lorem Ipsum Dolor</p>

가 다음과 같이 바뀝니다.

<p></p>

참고로, 태그까지 지우려면 .remove()를 사용합니다.

Category

Created on 2014-03-14 01:27 | Updated on 2015-07-17 01:07

이 글을 공유하기

Kakao

Book navigation