In jQuery, the **`before()`** method is used to insert content before the selected elements in the jQuery collection.

# 
## Syntax

```
(a).before(b)
```

In the command above:

* **`a`** is the element to which the new element would be added before.
* **`b`** is the content to be added.

## Code

In the code below, the text `Educative is good for learning!` gets added before the  `h3` tag, which happens to be `Sign up today`.

This happens once the `Add` button is clicked.

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#beforeBtn").click(function(){
    $("h3").before("<h1>Educative is good for learning!</h1>");
  });

});
</script>
</head>
<body>

<h3>Sign up today</h3>

<p>Powered by Educative.io</p>

<button id="beforeBtn">Add</button>

</body>
</html>



codemirror

What is the before() method in jQuery?

Inserts content before selected elements using jQuery's before() method with specified syntax.