[JS] jQuery에서 remove, detach, empty 차이

$("#id").remove();

지정한 요소와 하위 요소를 모두 제거한다.

제거 되는 요소들의 데이터와 이벤트가 전부 제거된다.

---

$("#id").detach();

지정한 요소와 하위 요소 모두를 제거한다.

제거 되는 요소들의 데이터와 이벤트가 제거되지 않고 유지된다.

요소 제거 후 append로 재생성 하는 경우에 사용한다. (데이터, 이벤트 유지)

---

$("#id").empty();

지정한 요소의 하위 요소를 모두 제거한다. 지정한 요소는 제거되지 않는다.

제거 되는 요소들의 데이터와 이벤트가 전부 제거된다.