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

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

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

Відеоурок

Telegram group

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

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


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

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

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

Вихідний код

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

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

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

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

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

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

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

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

Курс по React JS для начинающих
11 уроків
Курс Nuxt JS / Изучение Nuxt.js фреймворка
8 уроків
Уроки Angular для начинающих
11 уроків
Фреймворк Next JS / Изучение NextJS для начинающих
8 уроків
MERN Stack / Разработка веб-приложения
9 уроків
Создание приложения на React JS / Использование API
7 уроків
Коментарі
Додати коментар

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