appendTo () es un método incorporado en jQuery que se usa para insertar un elemento HTML al final del elemento seleccionado. Sintaxis:
$(content).appendTo(selector)
Aquí, el contenido del elemento especifica el contenido que se va a insertar.
Parámetros: Acepta un “selector” de parámetros que especifica los elementos a los que se les añadirá contenido.
Valor devuelto: Devuelve el elemento seleccionado modificado.
código jQuery para mostrar el funcionamiento de este método:
Código n.º 1: en el siguiente código, el contenido de identificación con el elemento «span» se agregará al elemento de identificación «#hel» .
html
<html>
<head>
<meta charset="utf-8">
<style>
#hel {
background: lightgreen;
display: block;
border: 2px solid green;
padding: 10px;
width: 300px;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js">
</script>
</head>
<body>
<span>geeks Writer !!!</span>
<div id="hel">Hello- </div>
<script>
$("span").appendTo("#hel");
</script>
</body>
</html>
Producción:
Código n.º 2: en el siguiente código, estamos agregando directamente un elemento «p» usando este método.
html
<html>
<head>
<meta charset="utf-8">
<style>
body{
display: block;
width: 250px;
height: 100px;
border: 2px solid green;
padding: 10px;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js">
</script>
</head>
<body>
<h2>Greetings from gfg !</h2>
<div class="container">
<div class="inner">
Hello
</div>
</div>
<script>
$( "
<p>Everyone !!!</p>
").appendTo( ".inner" );
</script>
</body>
</html>
Producción:
Complejidad de tiempo: O(1)
Espacio Auxiliar : O(1)
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA