[jQuery] jQuery(제이쿼리) 요소제거 및 저장 - .detach() 함수

 

 

자바스크립트의 제이쿼리(jQuery)의 .detach() 함수는 선택한 요소를 문서에서 제거하는 함수입니다. .remove() 함수와 비슷한 성격을 가지고 있는 함수이기는 하지만 .detach() 함수는 제거한 요소를 저장하여 다시 사용할 수 있는 함수입니다. .detach() 함수는 노드를 document에서 제거하는 동시에 캐싱하여 추후에 다시 사용이 가능합니다.

 

jquery(제이쿼리)의 .detach() 함수

jQuery(제이쿼리)의. tetach() 함수를 요소를 제거하면서 변수에 저장을 할 수 있습니다.

//.detach() 함수 사용법
.detach( [selector 요소] );


<button id="test">Cut</button> 

<script>
var del = $("#test").detach();

</script>

//id가 test인 버튼을 삭제하고 변수 del에 저장함