El clon() es un método incorporado en jQuery que se usa para hacer una copia de los elementos seleccionados, incluidos sus Nodes secundarios, texto y atributos.
Sintaxis:
$(selector).clone(true|false)
Parámetro: acepta un parámetro opcional que puede ser verdadero o falso y especifica que el controlador de eventos debe copiarse o no.
Valor devuelto: Devuelve los elementos clonados para el elemento seleccionado.
Código n.º 1:
en el siguiente código, no se pasa ningún verdadero o falso al método de cambio.
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/
jquery/3.3.1/jquery.min.js"></script>
<!--In this example no parameter is passing to the
clone method-->
<script>
$(document).ready(function() {
$("button").click(function() {
$("p").clone().appendTo("body");
});
});
</script>
</head>
<body>
<p>Welcome to</p>
<p>GeeksforGeeks !!!</p>
<!--click on this method and see the clone element-->
<button>Click Me!</button>
</body>
</html>
Antes de hacer clic en el botón «Click Me»-
Después de hacer clic en el botón «Click Me»-
Código n.º 2:
en el siguiente código, se pasa verdadero al método de clonación.
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/
jquery/3.3.1/jquery.min.js"></script>
<!--here clone method is called with the true value passing-->
<script>
$(document).ready(function() {
$("button").click(function() {
$("body").append($("p:first").clone(true));
});
$("p").click(function() {
$(this).animate({
fontSize: "+=1px"
});
});
});
</script>
</head>
<body>
<p>GeeksforGeeks !</p>
<p>Hello Writer !</p>
<!--click on this method and see the clone element-->
<button>Click Me!</button>
</body>
</html>
En este ejemplo, el controlador de eventos de código animado funcionará cuando haga clic en «GeeksforGeeks» y esto también se reflejará en los elementos clonados.
Salida:
Antes de hacer clic en el botón «Click Me»-
Después de hacer clic en el botón «Click Me»-
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA