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


#   
## Syntax

```
(a).after(b)
```

## Parameters

* `a`: the element after the new element will be added.
* `b`: the content to be added.

## Code

In the code below, the text "Educative rocks!" gets added after the `h1` tag, which happens to be `"Learn about the after() method in jQuery"`.

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(){
  $("#afterBtn").click(function(){
    $("h1").after("<b>Educative rocks!</b>. <br/>");
  });

});
</script>
</head>
<body>

<h1>Learn about the after() method in jQuery</h1>

<p>Dummy Text</p>

<button id="afterBtn">Add</button>

</body>
</html>

// document.addEventListener("DOMContentLoaded", function () {
//   pTag = document.querySelector("div");
//   newVal = document.createElement("p");
//   newVal.innerHTML = 'Hello, Hello';
//   pTag.appendChild(newVal);
// });

What is the after() method in jQuery?

Syntax

Parameters

Code