JavaScript/JQuery3 [JQuery] remove(), detach(), empty() 메서드 차이점 1. remove()선택한 요소와 해당 요소의 자식 요소를 DOM에서 제거한다. 요소와 그에 연결된 이벤트 핸들러도 함께 삭제된다. $("#id").remove();완전히 제거되므로 메모리에서 해당 요소를 복구할 수 없다. 2. detach()선택한 요소와 자식 요소를 DOM에서 제거하지만 메모리 상에서 데이터와 이벤트는 유지된다. 나중에 같은 요소를 다시 DOM에 추가해야 할 경우 유용하다.let element = $("#id").detach();$("body").append(element);이벤트 핸들러나 데이터를 보존해야 하는 경우 사용하면 좋다. 3. empty()선택한 요소의 자식 요소만 제거한다. 선택한 요소 자체는 유지된다.요소 안의 내용만 삭제하고 선택한 요소의 이벤트 핸들러나 데이.. 2024. 11. 26. [JQuery] <select> 태그 강제 선택하기 다음과 같은 드롭박스에서 특정 값을 임의로 선택해주고싶을 때가 있다. 키보드 모니터 책상 JQuery $('#item').val('monitor').trigger('change'); 자동으로 모니터 옵션이 선택된다. 2024. 9. 12. [JQuery] 옷 사이즈 선택 버튼 html Select Size XS S M L XL XXL css.select_size { width: 500px;}.size_btn { display: inline-block; background-color: #b5b3b3; width: 50px; height: 50px; align-content: center; text-align: center; font-family: 'Nanum Gothic', sans-serif; font-weight: bold; cursor: pointe.. 2024. 7. 23. 이전 1 다음
