El método prependTo() es un método incorporado en jQuery que se utiliza para insertar elementos HTML o algún contenido al principio del elemento seleccionado.
Sintaxis:
$(content).prepend(selector)
Parámetros: esta función acepta dos parámetros, como se mencionó anteriormente y se describe a continuación:
- content: Es un parámetro obligatorio y se utiliza para especificar el contenido a insertar.
- selector: Es un parámetro obligatorio y se usa para especificar los elementos para anteponer el contenido.
Valor de retorno: este método devuelve el elemento seleccionado con los cambios específicos realizados por el método prependTo.
El siguiente ejemplo ilustra el método prependTo() en jQuery:
Ejemplo:
html
<!DOCTYPE html> <html> <head> <title>The prependTo Method</title> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> <!-- jQuery code to show the working of this method --> <script> $(document).ready(function(){ $("button").click(function(){ $("<span>Welcome to </span>").prependTo("p"); }); }); </script> <style> div{ width: 350px; min-height: 180px; font-weight: bold; padding:20px; font-size: 25px; border: 2px solid green; } </style> </head> <body> <div> <p>GeeksforGeeks!</p> <!-- Click on this button to see the change --> <button >Click Here!</button> </div> </body> </html>
Producción:
Artículos relacionados:
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA