Метод remove([селектор])
удаляет элементы из структуры DOM. Например, у нас есть следующий список:
<ul> <li class="lang">Java</li> <li class="lang">C/C++</li> <li class="lang">PHP</li> <li class="lang">JavaScript</li> </ul>
Мы можем удалить все четные элементы списков:
$('li:even').remove();
А результатом будет следующий список:
<ul> <li class="lang">C/C++</li> <li class="lang">JavaScript</li> </ul>
Также мы могли бы применить селектор для фильтрации удаляемых элементов:
$('li').remove(':even');
Метод detach
аналогичен методу remove за тем исключением, что при удалении объекта сохраняются все связанные с ним данные.
Преимущество такого подхода заключается в том, что мы можем позднее вставить удаленные элемент в другом месте разметки html:
// удаляем из списка первый элемент, сохраняя его в переменной item var item = $('li:first').detach(); // вставляем его в конец списка $('ul').append(item);
Метод empty
очищает содержимое элементов, делая их пустыми:
$('ul').empty();
В результате все элементы списка будут удалены, и разметка будет содержать пустой список: <ul></ul>