remove() vs empty()

1. remove()

해당 selector를 삭제하는 함수이다.

<ul class="cont s_list">
    <li>
        <a href="view.aspx" class="img_cont">
            <div class="b_img">
                <img src="http://img.nocutnews.co.kr/nocut/v2/timeline/dog02.jpeg" alt="이미지" />
            </div>
            <div class="text">
                <p>'박 전 대통령'향후 검찰수사,전망</p>
                <div class="text_cont">
                    <span class="date">2017.08.31 09:00</span>
                    <span class="vnum">11</span>
                </div>
            </div>
        </a>
    </li>
</ul>

위 HTML을 예제로 설명한다.

$(".cont s_list").remove();

실행하면, ul 태그 뿐만 아니라 ul 태그 안에 있는 li, a, div 등 모든 태그의 내용이 삭제된다.

2. empty()

해당 selector 안에 있는 태그 및 내용을 삭제하는 함수이다.

$(".cont s_list").empty();

실행하면, ul 태그는 존재하고 안에 있는 태그 및 내용이 삭제된다.