Tutorialspoint.dev

jQuery | prependTo() with Examples

The prependTo() method is an inbuilt method in jQuery which is used to insert HTML elements or some content at the beginning of the selected element.

Syntax:

$(content).prepend(selector)

Parameters: This function accepts two parameters as mentioned above and described below:

  • content: It is required parameter and used to specify the content to be inserted.
  • selector: It is required parameter and used to specify the elements to prepend the content.

Return Value: This method returns the selected element with the specific changes made by prependTo method.

Below example illustrate the prependTo() method in jQuery:



Example:

<!DOCTYPE html>
<html>
   <head>
       <title>The prependTo Method</title>
      <script src=
      </script>
        
      <!-- jQuery code to show the woirking 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>

/div>

Output:
pre..

Related Articles:



This article is attributed to GeeksforGeeks.org

You Might Also Like

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter