Удаление объектов

Материал из JQuery

Перейти к: навигация, поиск
.remove()  .detach()

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

.remove([selector])  .detach([selector]):jQuery1.0, 1.4

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

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

var foo = jQuery('#foo');
 
foo.detach(); //удаляем элемент
 
//много-много кода
 
foo.appendTo('body'); //вставляем элемент обратно на страницу (не обязательно в то же место, где он был)

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

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

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

Ссылки

Поисковые ключи:
  • удаление элементов на странице
  • удаление элементы на странице
  • .remove()
  • remove()

Поисковые ключи:
  • .detach()
  • detach()