remove()

посл. ред. 12.08.2016

Метод remove() удаляет из DOM-дерева все элементы выборки, но сами объекты из памяти не удаляются, поэтому их можно восстановить. Данный метод удаляет все обработчики событий, установленные с помощью jQuery, и некоторые другие внутренние данные. Если после удаления потребуется восстановить элементы со всеми обработчиками, тогда необходимо использовать метод detach().

Варианты использования

jQ_object.remove() => jQuery: Удаляет из DOM-дерева все элементы выборки.
jQ_object.remove(селектор) => jQuery: Удаляет из DOM-дерева те элементы выборки, которые удовлетворяют указанному селектору.

Примеры

<html>
<head>
  <title>Работа с элементами DOM</title>
  <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
  <p>Параграф</p>
</body>
</html>
 
<script>
var par = document.body.firstElementChild;

par.addEventListener('click', function () {
  alert('Обработчик события из JavaScript')
});
/* Установлен обработчик события напрямую из JavaScript */
$(par).css('background', 'red');
/* Добавлено CSS-свойство из jQuery */
$(par).click(function () {
  alert('Обработчик события из jQuery')
});
/* Установлен обработчик события из jQuery */
$(par).remove();
/* Удалён параграф из документа */
$('body').append(par);
/* Восстановлен параграф со всеми свойствами, кроме обработчика, установленного из jQuery */
</script>

Параграф