Jquery как удалить элемент

С jQuery легко удалить существующие элементы HTML.

Удалите Элементы/Контент

Чтобы удалить элементы и контент, существует два основных метода jQuery:

• remove() — Удаляет выбранный элемент (и его дочерние элементы)
• empty() — Удаляет дочерние элементы из выбранного элемента

jQuery Метод remove()

jQuery метод remove() удаляет выбранный элемент(ы) и его дочерние элементы.

Пример

jQuery Метод empty()

jQuery метод empty() удаляет дочерние элементы выбранного элемента(ов).

Пример

Фильтруйте Элементы, которые будут Удалены

jQuery метод remove() также принимает один параметр, который позволяет Вам фильтровать элементы, которые будут удалены.

Параметр может быть любым из селекторных синтаксисов jQuery.

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

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 не удаляет информацию о элементе и поэтому он может быть восстановлен. Например:

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