Удаление объектов
.remove() .detach()
Методы для удаления элементов страницы.
Удаляют выбранные элементы на странице. В качестве параметра можно указать селектор и тогда удалены будут только те выбранные элементы, которые ему удовлетворяют. Отличительные черты методов смотрите ниже. Методы были добавлены в библиотеку не одновременно: 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().