Método detach no jQuery

Já o método detach, diferentemente do método remove, remove os elementos selecionados com a possibilidade de restaurá-los.

Suponha que temos o seguinte código HTML:

html<p id="test">texto</p>
<div></div>

Vamos primeiro remover o elemento #test usando detach e depois restaurá-lo em outro lugar usando o método appendTo (isso é possível porque na variável $elem ainda resta uma referência a ele após a remoção):

javascriptlet $elem = $('#test');
$elem.detach(); // remove o elemento

/*
  Inserimos o elemento de volta na página
  (não necessariamente no mesmo local onde estava):
*/

$elem.appendTo('div');

Lembro que o cifrão na variável $elem está escrito para indicar que ela armazena um conjunto jQuery.