Jquery empty() / remove() / detach() 차이점 :: Hide

Jquery empty() / remove() / detach() 차이점

Posted by Hide­
2017.04.05 22:22 Coding/HTML & Javascript

얼핏보면 같은 동작을 하는것으로 보인다.

하지만 empty(), remove(), detach() 에는 큰 차이점이 있다.


$('#test').empty()

위 코드의 경우 test 엘리먼트를 제외한 하위 모든 엘리먼트를 삭제한다.


$('#test').remove()

위 코드의 경우 test 엘리먼트를 포함한 하위 모든 엘리먼트를 삭제한다. (+요소와 관련된 이벤트/데이터 제거)


$('#test').detach()

위 코드의 경우 test 엘리먼트를 포함한 하위 모든 엘리먼트를 삭제한다.


쉽게 말해서 타겟까지 지울것이냐, 타겟의 하위 엘리먼트만 지울것이냐 의 차이라고 생각하면 된다.



다른 사람들이 많이 읽은 글
이 댓글을 비밀 댓글로

티스토리 툴바