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

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

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

Відеоурок

Telegram group

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

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


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

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

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

Вихідний код

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

Онлайн редактор коду

Завантаження...

Завдання до уроку

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

Велике завдання за курсом

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

Також варто подивитися

Three.js с нуля: Разработка сайта с 3Д Графикой
10 уроків
Изучение стека MEAN: MongoDB, Express, Angular и Node JS
10 уроків
Создание приложения на React JS / Использование API
7 уроків
Створення динамічного веб-сайту
7 уроків
Вивчення JavaScript: від нуля та до створення сайту
Изучение React JS / Redux библиотеки
9 уроків
Коментарі
Додати коментар

Поки що коментарів немає