.detach()

.detach( [selector ] )Возвращает: jQuery

Описание: Удаляет выбранные элементы из DOM.

версия добавлена: 1.4.detach( [selector ] )
- selector
  
  Тип: Селектор
  
  Выражение селектора, которое фильтрует набор выбранных элементов для удаления.

Метод .detach() аналогичен методу .remove(), за исключением того, что .detach() сохраняет все данные jQuery, связанные с удалёнными элементами. Этот метод полезен, когда удалённые элементы необходимо повторно вставить в DOM впоследствии.

Пример:

Удалить все абзацы из DOM

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>detach demo</title>
  <style>
  p {
    background: yellow;
    margin: 6px 0;
  }
  p.off {
    background: black;
  }
  </style>
  <script src="https://code.jquery.com/jquery-3.7.0.js"></script>
</head>
<body>
 
<p>Hello</p>
how are
<p>you?</p>
<button>Attach/detach paragraphs</button>
 
<script>
$( "p" ).on( "click", function() {
  $( this ).toggleClass( "off" );
});
var p;
$( "button" ).on( "click", function() {
  if ( p ) {
    p.appendTo( "body" );
    p = null;
  } else {
    p = $( "p" ).detach();
  }
});
</script>
 
</body>
</html>

.detach( [selector ] )Возвращает: jQuery

версия добавлена: 1.4.detach( [selector ] )

Пример:

Демо: