.empty()

jQuery 공작소에 방문해 주셔서 감사드립니다. 쉬운 예제로 느껴보세요!!

empty 메서드는 지정한 요소안의 내용을 지웁니다.

+_+
예제 1
기본 예제 - 지정한 요소의 내용물 비우기
보기
소스
<style type="text/css">
    .css_test {
        border-radius : 5px;
        border : 5px solid gray;
        box-shadow : 0 0 5px silver;
        padding : 10px;
    }
    .css_test img {
        width : 100%;
    }
</style>

<button type="button" onclick="$('.css_test').empty()">눌러 보세용</button>

<div class="css_test">
    <img src="http://cfile6.uf.tistory.com/image/2552A23854D74C4E0BC607" />
    <img src="http://cfile5.uf.tistory.com/image/2132CA4F54D7351720C017" />
</div>
관련 CSS
jQuery

$( 셀렉터 ).empty()  -  지정한 셀렉터의 자식들 즉 내용을 지웁니다.
- 이 메서드는 해당 셀렉터를 자체를 지우는것은 아닙니다.
- :empty 셀렉터와 하는일은 전혀 다릅니다.

셀렉터에 해당하는 요소 자체를 지우고 싶다면 .remove() 메서드를 참고해 보세요. ^^

jQuery 홈페이지 .empty() API 문서 : http://api.jquery.com/empty/