Урок №15 - Функция копирования объектов

Урок №15 - Функция копирования объектов

В видео уроке мы изучим функцию, что позволяет клонировать объекты. Функция «clone» позволяет копировать элементы вместе со стилями, атрибутами и содержимым блока.

Видеоурок

Рассмотрим пример. Есть конструктор сайтов, на котором происходит создание различных страниц. При создании новой страницы или новой секции на сайте необходимо скопировать определенный блок и поместить его дубликат. Без использования jQuery это был бы долгий процесс копирования всех значений, стилей, дочерних объектов и так далее. При помощи функции clone() вы можете сделать это лишь в одну-две строчки кода. 


Пример реализации функции:

var clone = $("#some-block").clone();
// Теперь у вас есть клон объекта
$("body").append(clone);
// Размещение объекта на странице после body

В ходе клонирования копируется не только родительский элемент, но и все дочерние объекты внутри него.

Исходный код

Весь код будет доступен после подписки на проект!

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

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

Уроки Vue.js для начинающих
10 уроков
Уроки Node JS и Express для начинающих
17 уроков
Изучение JavaScript: от нуля и до создания сайта
Уроки Angular для начинающих
7 уроков
Изучение таск-менеджера Gulp 4
5 уроков
Создание приложения на React JS / Использование API
7 уроков
Комментарии для сайта Cackle