jQuery의 detach 메서드

반면에, detach 메서드는 remove 메서드와 달리 선택된 요소들을 제거하되, 나중에 복원할 수 있는 가능성을 남겨둡니다.

다음과 같은 HTML 코드가 있다고 가정해 봅시다:

<p id="test">text</p>
<div></div>

먼저 detach를 사용하여 요소 #test를 제거한 다음, 메서드 appendTo를 사용하여 다른 위치에 복원해 봅시다 (이는 $elem 변수에 제거 후에도 여전히 해당 요소에 대한 참조가 남아 있기 때문에 가능합니다):

let $elem = $('#test');
$elem.detach(); // 요소를 제거합니다

/*
	요소를 페이지에 다시 삽입합니다
	(원래 있던 위치와 같을 필요는 없습니다):
*/

$elem.appendTo('div');

$elem 변수 앞에 달러 기호가 붙은 것은 해당 변수에 jQuery 객체가 저장되어 있다는 것을 나타냅니다.

detach를 사용하여 id가 #test인 p를 제거한 다음, h3 앞에 삽입하세요.