
Урок №16 - Добавление элементов
Библиотека jQuery позволяет быстро и удобно создавать HTML объекты и добавлять их в DOM структуру документа. В ходе урока вы познакомитесь с созданием и добавление элементов через jQuery.
Видеоурок
jQuery позволяет встраивать различные элементы прямиком в HTML-структуру сайта. Для этого в библиотеке предусмотрено несколько методов, которые делают по сути одно и тоже самое, но с небольшими отличиями.
Методы
append()
и appendTo()
позволяют поместить некий объект в конец другого объекта. Разница между ними лишь в синтаксисе. К примеру, append()
принимает параметр что необходимо поместить, а appendTo()
- куда необходимо поместить.Кроме того, существует еще один метод -
.prepend()
. Этот метод действует точно также как append, но помещает объект в начало какого-либо другого объекта.Если вы хотите обернуть объект в какой-либо тег, то для этого стоит использовать метод
wrap()
.Если вы хотите поместить объект после или до другого объекта, то вам необходимо использовать функции
insertAfter()
или же insertBefore()
.// Поместить после блока с id = block
$("Просто текст").insertAfter("#block");
// Поместить текст перед последним тегом div
$("Просто еще текст").insertBefore("div").last();
Исходный код
Весь код будет доступен после подписки на проект!
Задание к уроку
Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям
Большое задание по курсу
Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца