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

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

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

Відеоурок

Telegram group

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

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


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

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

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

Вихідний код

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

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

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

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

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

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

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

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

Практика React JS / Разработка магазина (eCommerce)
9 уроків
Курс по NestJS с нуля / Разработка веб проектов
9 уроків
Вивчення JavaScript для початківців з нуля!
15 уроків
Уроки Vue.js для начинающих
10 уроків
Курс по React JS для начинающих
11 уроків
Изучение стека MEAN: MongoDB, Express, Angular и Node JS
10 уроків
Коментарі
Додати коментар

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