jQuery 공작소 : .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="https://t1.daumcdn.net/cfile/tistory/2227B74F54D7351631" />
<img src="https://t1.daumcdn.net/cfile/tistory/25469641555AC5000B" />
</div>
.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="https://t1.daumcdn.net/cfile/tistory/2227B74F54D7351631" />
<img src="https://t1.daumcdn.net/cfile/tistory/25469641555AC5000B" />
</div>
관련 CSS
jQuery
$( 셀렉터 ).empty() - 지정한 셀렉터의 자식들 즉 내용을 지웁니다.
- 이 메서드는 해당 셀렉터를 자체를 지우는것은 아닙니다.
- :empty 셀렉터와 하는일은 전혀 다릅니다.
셀렉터에 해당하는 요소 자체를 지우고 싶다면 .remove() 메서드를 참고해 보세요. ^^
jQuery 홈페이지 .empty() API 문서 : http://api.jquery.com/empty/