Total Page Preview: 000000000138
What is jQuery prepend()?
jQuery prepend()
The prepend() method in jQuery is used to insert content, specified by the parameter, at the beginning of each element in the set of matched elements. This means that it adds the content inside the selected element(s) but at the beginning of their existing content.
Here's an example to illustrate the use of the prepend() method:
In this example:
-
There's a div element with the class example-div containing some existing content.
-
The jQuery library is included from the official CDN.
-
In the <script> tag, jQuery is used to select the .example-div element and prepend a new <p> element with the text "This is new content prepended to the div" at the beginning of the selected div's content using the prepend() method.
When the page loads, the new paragraph element is dynamically added at the beginning of the existing content within the .example-div element.
You can use the prepend() method to insert any HTML content or elements at the beginning of the selected elements on the page. It's particularly useful when you want to add content inside an element but position it at the start.
Thank You
About Author
Brijesh Kumar
Database Developer
I have more then 6 years Experience in Microsoft Technologies - SQL Server Database, ETL
Azure Cloud - Azure SQL Database, CosmosDB, Azure Data Factory, PowerBI, Web Job, Azure Function, Azure Storage, Web Apps, Powershall
and Database Migration On-Premise to Azure Cloud.
LinkedIn : https://www.linkedin.com