Jquery удаление элемента dom

Эти методы позволяют удалять элементы из DOM.

.detach()

Метод для удаления элементов страницы.

.empty()

Удаляет все содержимое у выбранных элементов (без удаления самих элементов).

.remove()

Метод для удаления элементов страницы.

.unwrap()

Удаляет родительские элементы у выбранных элементов, при этом, их содержимое останется на своих местах.

Определение и применение

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

Обращаю Ваше внимание, что если Вам необходимо удалить только данные, то используйте метод .empty().

jQuery синтаксис:

Добавлен в версии jQuery

Пример использования

В этом примере с использованием jQuery метода .remove() мы удаляем из дерева DOM все элементы

при нажатии на кнопку.

Результат нашего примера:

Пример использования jQuery метода .remove() jQuery DOM методы

Материал из JQuery

Удаляют выбранные элементы на странице. В качестве параметра можно указать селектор и тогда удалены будут только те выбранные элементы, которые ему удовлетворяют. Отличительные черты методов смотрите ниже. Методы были добавлены в библиотеку не одновременно: remove в jQuery-1.0, а detach в jQuery-1.4.

Различие двух рассматриваемых методов заключается в том, что при использовании detach, jQuery не удаляет информацию о элементе и поэтому он может быть восстановлен. Например:

$("div.content").remove() удалит все div-элементы с классом content.
$("div.content").detach() результат, как и в предыдущем примере.
$("div.content").detach(":empty") удалит div-элементы с классом content в которых нет содержимого (текста и других объектов).

Замечание: если вам нужно удалить не сам элемент, а только его содержимое, используйте функцию empty().