jQuery | prependTo() con ejemplos

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: 
 

pre..

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *