Эти методы позволяют удалять элементы из 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().
