Уроки jQuery / Подключение и Удаление элементов со страницы

Привет друзья! Сейчас мы с вами с помощью jQuery сможем удалить элементы на странице. Это бывает нужно, когда вы, например, делать какой-то функционал для вашего сайта, например, в личном кабинете, и хотите удалять какие элементы на странице при нажатии на кнопку. Фактически мы разберем с вами тут два события : первое – click, а второе - это remove. 😊 - Уроки от #OlegShpagin 👨🏼‍💻 Хештеги #урокиjQuery #программирование #jQuery #событие Пример кода сайта из видео: [!DOCTYPE html] [html lang=“en“] [head] [meta charset=“UTF-8“] [title]Document[/title] [script src=““][/script] [/head] [body] [h1]jQuery - удаление элементов[/h1] [div id=“d1“]контент 1 контент 1 контент 1 контент 1 контент 1 контент 1 контент 1 контент 1 контент 1 контент 1 контент 1 контент 1 контент 1 контент 1 контент 1 контент 1 контент 1 контент 1 контент 1 [/div] [button id=“b1“]Удалить d1[/button] [p]абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац [/p] [div id=“d2“]контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 контент 2 [/div] [p]абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац абзац [/p] [button id=“b_a“]Удалить все p[/button] [script] $(“#b1“).click(function(){ $(“#d1“).remove(); }); $(“#b_a“).click(function(){ $(“p“).remove(); }); [/script] [/body] [/html] *** Не забываем, что Ютуб не дает писать угловые скобки – поэтому здесь они заменены на квадратные!!! – для использования кода - сделайте наоборот 😊 Дополнительное описание, домашние задания и многое другое можно найти на сайте WISEPLAT: 1) Урок на сайте Wiseplat: ✔ Сообщество программистов: ✔ —----------- Вступай в группу Вк - 🚀 Группа FaceBook - Инстаграм Wiseplat: Instagram: Twitter - ******************************** Если Вам понравилась публикация, подписывайтесь на канал! Ставьте лайки, тогда будем еще писать такой контент :) Если есть вопросы или пожелания, то пишите, в комментариях. ********************************