.clone()

Returns: jQuery

Создает полную копию выбранных элементов.

  • version added: 1.0.clone( [withDataAndEvents] )

    withDataAndEvents - логическое значение, указывающее нужно ли копировать данные и обработчики событий у выбранных элементов. По умолчанию false.

  • version added: 1.5.clone( [withDataAndEvents] [, deepWithDataAndEvents] )

    withDataAndEvents - логическое значение, указывающее нужно ли копировать данные и обработчики событий у выбранных элементов. По умолчанию false (только в версии 1.5 это значение было ошибочно изменено на true).

    deepWithDataAndEvents - логическое значение, указывающее нужно ли копировать данные и обработчики событий у на дочерних элементах клонируемого элемента. По умолчанию принимает значение withDataAndEvents.

Пример. Кликаем по параграфу, клонируем его и добавляем на страницу. Клона для наглядности выделяем красным цветом.

HTML:

  <p>Кликни по мне, чтобы клонировать</p>

JS:
$("p").click(function () {
      $(this).clone().css('color','red').appendTo('body');
    });

Пример. Кликаем по параграфу, клонируем вместе с обработчиком события его и добавляем на страницу. Обратите внимание, что клон параграфа теперь и сам 'клакабельный':

HTML:

  <p>Кликни по мне, чтобы клонировать</p>

JS:
$("p").click(function () {
      $(this).clone(true).css('color','red').appendTo('body');
    });

Связанные уроки:

  • Желтые стикеры с помощью AJAX, PHP и jQuery

    Сегодня мы создаем систему управления желтыми стикерами.

  • Эффект движущейся тени в пяти строчках jQuery

    Кому не нравятся эффекты движения? Тень, которая сопровождает движущийся объект, придает зрелищности в динамичных сценах во многих фильмах, например в Матрице. Удивительное заключается в том, что сделать подобный эффект можно с помощью пяти строчек кода jQuery!

  • Вращающий слайдер на jQuery и CSS3

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

^ Наверх ^