In jQuery, the **`prepend()` method** is used to insert content at the beginning of the selected elements in the jQuery collection.

# 
## Syntax

---
```
(a).prepend(b)
```
---

Where:

* **`a`**: the element to which the new element will be prepended.

* **`b`**: the content to be prepended.

# 
## Code

In the code below, the text `Educative rocks!` gets added before the `p` element of the page, which is `Learn about Prepend in Jquery`. In our case, the text is added once the `Prepend Text` button is clicked.

<!DOCTYPE html>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    </head>
    <body>
        <p>Learn about Prepend in Jquery</p>
        <button id="prependBtn">Prepend Text </button>
    </body>
</html>

$(document).ready(function(){
  $("#prependBtn").click(function(){
    $("p").prepend(" <b>Educative rocks!</b>. <br/>");
  });
});

codemirror

What is the prepend() method in jQuery?

In jQuery, prepend() inserts content at the start of selected elements.