티스토리 뷰

[개발]프로그래밍/jquery

[jquery] remove() , empty() - 객체 제거 및 비움

좋은 블로그 2016. 10. 13. 08:26

1. remove() ,empty() - 역할

remove() - 문서 객체 제거


empty() - 문서 객체 비움


2. remove() - 예제

◈ 코드


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script src="https://code.jquery.com/jquery-1.11.3.js" type="text/javascript"></script>
 
<script>
$(document).ready(function () 
{
    $('h1').last().remove();
});
</script>
 
<body>
    <div>
        <h1>test1</h1>
        <h1>test2</h1>
        <h1>test3</h1>
    </div>
</body>




◈ 결과화면




◈ 설명


<h1> 태그 중에서 마지막 객체를 제거하는 것이므로 test3 를 제거합니다






3. empty() - 예제

◈ 코드


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script src="https://code.jquery.com/jquery-1.11.3.js" type="text/javascript"></script>
 
<script>
$(document).ready(function () 
{
    $('#div1').empty();
});
</script>
 
<body>
    <div id="div1">
        <h1>test1</h1>
        <h1>test2</h1>
        <h1>test3</h1>
    </div>
    <div id="div2">
        <h1>test4</h1>
        <h1>test5</h1>
        <h1>test6</h1>
    </div>
</body>




◈ 결과화면




◈ 설명


ID 가 div1 인 것을 비우게 됨으로 <div id="div1"></div> 이런 상태로 결과 태그가 나오게 되고 div2에 해당하는 내용은 아무 수행이 없음으로 위 화면 같이 나오게 됩니다







'[개발]프로그래밍 > jquery' 카테고리의 다른 글

[jquery] after ,before - 객체 삽입  (0) 2016.10.14
[jqeury] append,prepend - 객체 삽입  (0) 2016.10.14
[jquery] 객체 추가 - html()를 활용  (0) 2016.10.13
[jquery] html() , text() - 글자와 관련된 기능  (0) 2016.10.13
[jquery] css() - 객체 스타일 검사, 추가  (0) 2016.10.11
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday