# Метод detach

Метод `detach` удаляет выбранные элементы с возможностью их восстановления. Метод удобен тогда, когда мы хотим позже вставить удаленные элементы.

## Синтаксис

Так мы удаляем элементы. Дополнительно мы можем отфильтровать выбранные элементы, передав методу необязательный параметр `selector`:

`.detach([селектор]);`

## Пример

Удалим абзац с `#test` c помощью метода `detach` и восстановим его, используя для вставки элемента в `div` метод `appendTo`:

`<p id="test">text</p> <div></div>` `let $elem = $('#test'); $elem.detach(); // удаляем элемент $elem.appendTo('div'); // вставляем элемент обратно на страницу`

HTML код станет выглядеть так:

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

## Смотрите также

- метод `remove`,
  который удаляет элементы без возможности их восстановления
- метод `empty`,
  который удаляет содержимое из выбранных элементов
- JavaScript метод `remove`,
  который позволяет удалить элемент

←→
↑