Уроки jQuery

Урок №16 - Добавление элементов

Урок №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 месяца

Также стоит посмотреть

Изучение JavaScript от нуля до гуру
21 урок
Изучение React JS / Redux библиотеки
9 уроков
Курс по React JS для начинающих
14 уроков
Уроки Angular для начинающих
7 уроков
Уроки Vue.js для начинающих
10 уроков
Уроки Node JS и Express для начинающих
17 уроков