remove와 empty의 차이 !!

아래 예제 코드와 예제링크를 확인해보시면 차이점이 보이실꺼예요~

empty :  선택된 요소의 하위요소들만 제거

remove : 선택된요소를 포함, 하위요소들을 제거

예제코드

<script type="text/javascript">
 $(function(){
  $('#cont01').empty();
  $('#cont02').remove();
 });
</script>
<style>
 #cont01{border:1px solid #000000; width:100px; height:20px; margin-bottom:10px;}
 #cont02{border:1px solid #00ff00; width:100px; height:20px;}
</style>

예제링크

http://hompylove.com/coding_test/test01/