Уроки jQuery

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

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

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

Видеоурок

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

Исходный код

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

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

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

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

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

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

Изучение JavaScript от нуля до гуру
21 урок
Уроки Node JS и Express для начинающих
17 уроков
Создание динамического веб сайта
22 урока
Уроки Angular для начинающих
7 уроков
Изучение JavaScript: от нуля и до создания сайта
Изучение React JS / Redux библиотеки
9 уроков