jQuery의 remove() 메서드는 선택한 요소를 웹 페이지에서 삭제합니다. empty() 메서드는 삭제한다는 점에서 유사하지만, 선택된 요소의 내용/자식 요소만 삭제한다는 차이가 있습니다.
다음 코드는 remove() 메서드와 empty() 메서드가 사용된 코드입니다.
<head> <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <script> $(document).ready(function() { $('.box1').remove(); // Remove all elements with class box1 $('.box2 #ccc').empty(); // Remove all elements with class box1 & id ccc }); </script> </head> <body> <div class="box1"> <div id="aaa">111</div> <div id="bbb">222</div> </div> <div class="box2"> <div id="ccc">333</div> <div id="ddd">444</div> </div> </body>
이 HTML 코드는 삭제되는 요소를 제외한 다음 코드와 같은 결과를 만듭니다.
<div class="box2"> <div id="ddd">444</div> </div>
728x90
반응형
'Frontend > JQuery' 카테고리의 다른 글
| [jQuery] 요소의 복제 - clone() 메서드 (0) | 2023.12.28 |
|---|---|
| [jQuery] 요소의 이동 (append, prepend) (0) | 2023.12.28 |
| [jQuery] prop() 메서드 vs attr() 메서드 (0) | 2023.09.21 |
| [jQuery] html(), text() 메서드 (0) | 2023.09.20 |
| [jQuery] css() 메서드 (1) | 2023.09.13 |
