English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Método jQuery clone()

jQuery HTML/Métodos CSS

O método clone() cria uma cópia profunda do conjunto de elementos selecionados.

A cópia profunda significa que ela copiará o elemento selecionado e todos seus descendentes, atributos e nós de texto.

Sintaxe:

$\(selector)\).clone(true|false)

Exemplo

Clonar todos os elementos <p> e inseri-los no final do elemento <body>:

$("button").click(function(){
  $("p").clone().appendTo("body");
});
Teste e veja‹/›

Clonar todos os elementos <b> e colocá-los antes de todos os parágrafos:

$("button").click(function(){
  $("b").clone().prependTo("p");
});
Teste e veja‹/›

Clonar o primeiro elemento <p> que contém o manipulador de evento e inseri-lo no final do elemento <body>:

$("p").click(function(){
  $(this).animate({fontSize: "+=5px"});
});
$("button").click(function(){
  $("p:first").clone(true).appendTo("body");
});
Teste e veja‹/›

Valor do Parâmetro

ParâmetrosDescrição
verdadeiroO programador de eventos deve ser copiado com o elemento
falsoO programador de eventos não deve ser copiado com o elemento. Este é o valor padrão

jQuery HTML/Métodos CSS