Урок №15 - Функция clone()

Урок №15 - Функция clone()

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

Видеоурок

Предположим ситуацию. У вас есть конструктор сайтов и на нем вы создали один общий блок и поместили на него кучу других блоков. Теперь вы хотите создать точно такой же блок, но изменить на нем лишь текст. Используя функцию clone() вы можете просто скопировать весь нужный вам блок в переменную и дальше его разместить под нужным блоком. Все это можно реализовать по нажатию на кнопку:
var clone = $("#some-block").clone();
// Теперь у вас есть клон объекта
$("body").append(clone);
// Размещение объекта на странице после body
В ходе копирования копируется не только родительский элемент, но и все дочерние объекты внутри него.

Исходный код

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

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

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

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

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

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

Создание приложения на React JS / Использование API
7 уроков
Курс по React JS для начинающих
14 уроков
Изучение JavaScript: от нуля и до создания сайта
Изучение React JS / Redux библиотеки
9 уроков
Уроки Vue.js для начинающих
10 уроков
Создание динамического веб сайта
22 урока