Notice
Recent Posts
Recent Comments
Link
kimmgamjja
[JavaScript] 삭제 remove(), detach(), empty(), unwrap() 본문
728x90
자바스크립트 삭제 관련 함수
.remove() 선택한 요소를 DOM트리에서 삭제, 삭제된 요소와 연관된 jQuery 데이터나 이벤트도 같이 삭제된다
- 지정한 요소와 하위 요소 모두 제거
$('.test').click(function () {
$('#testt1').remove();
}).detach() 선택한 요소를 DOM 트리에서 삭제, 삭제된 요소와 연관된 jQuery 데이터나 이벤트는 유지된다.
- 지정한 요소와 하위 요소 모두 제거
$("#testt1").detach();
- 요소 제거 후 append로 재생성하는 경우에 사용
.empty() 선택한 요소의 자식 요소를 모두 삭제
- 지정한 요소는 제거되지 않는다
- 제거 되는 요소들의 데이터와 이벤트 모두 제거
$("#testt11").empty();.unwrap() 선택한 요소의 부모 요소를 삭제
$("#testt11").unwrap();
[ jQuery / js] 요소 삭제 메소드(remove, detach, empty, unwrap)
remove 선택한 HTML 요소를 DOM트리에서 삭제 (요소와 관련된 이벤트나 jQuery 데이터도 함께 삭제) 더보기 HTML Hello Java a b c button JavaScript function click1() { //$("p").remove(); // p태그를 DOM에서 모두 삭제 $("p"
hong42.tistory.com
[JS] jQuery에서 remove, detach, empty 차이
$("#id").remove(); 지정한 요소와 하위 요소를 모두 제거한다. 제거 되는 요소들의 데이터와 이벤트가 전부 제거된다. $("#id").detach(); 지정한 요소와 하위 요소 모두를 제거한다. 제거 되는 요소들의
joonpyo-hong.tistory.com
728x90
'공부 > JavaScript' 카테고리의 다른 글
| [JavaScript] 자리수 남은 만큼 0으로 채우기 pad (2) | 2025.01.25 |
|---|---|
| [JavaScript] 소수점 처리 toFixed() (2) | 2025.01.24 |
| [JavaScript] 배열 find(), findIndex() (0) | 2025.01.23 |
| [JavaScript] selector 확장검색 (0) | 2025.01.23 |
| [JavaScript] extend() (0) | 2025.01.23 |