jQuery

Изучение библиотек jQuery

24 урока 31 задание Справочник

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

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


JavaScriptjQuery

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

Видео урок:

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

Исходный код

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

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

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

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

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


JavaScriptjQuery

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