Манипуляция с элементами в jQuery. Часть 4

Манипуляция с элементами в jQuery

От автора: приветствую вас, друзья. В этой статье мы продолжим знакомиться с методами, позволяющими осуществлять манипуляции с элементами DOM, а именно: добавление, удаление и изменение элементов DOM.

В последней статье, посвященной манипуляции с элементами DOM в jQuery, мы рассмотрим методы, позволяющие удалять элементы из DOM. Напомню, в предыдущих статьях мы изучали методы манипуляции, которые позволяли добавлять или изменять элементы.

Итак, если нам требуется удалить некий элемент, мы можем воспользоваться методом remove или detach. Оба метода дадут одинаковый результат. Давайте посмотрим на пример:

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

Если теперь обновить страницу, то мы увидим, что блок content действительно пуст, оба списка были удалены.

Если нам необходимо удалить не сам элемент, а его содержимое, тогда пригодится метод empty. Попробуем очистить содержимое первого списка:

Манипуляция с элементами в jQuery

И последняя пара методов, которые мы используем в работе, методы replaceWith и replaceAll. Как следует из названий методов, их назначение — заменять одни элементы страницы другими. Например, заменим содержимое обоих наших списков на новое:

Манипуляция с элементами в jQuery

На этом мы завершим текущую статью и знакомство с jQuery методами манипуляции в целом. Больше о jQuerу вы можете узнать из наших уроков или курса. Удачи!

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

jQuery: основы

Изучите jQuery с нуля!

Смотреть

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий