In jQuery, the **`empty()`** method is used to remove all the child elements of the selected element in the jQuery collection.

# 
## Syntax

---
```
(a).empty()
```
---


* **`a`** is the element from which we will remove all child elements. 

# 
## Code

In the code below, the content of the span elements are all removed once the **Remove** 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>
      <h3>Edpresso works</h3>
      <span>This would disappear!</span> <br/>
      <button id="removeBtn">Remove</button>
    </body>
  </html>

$(document).ready(function(){
  $("#removeBtn").click(function(){
    $("span").empty();
  });
});

codemirror

What is the empty() method in jQuery?

Removes all child elements of a selected element. Syntax: (a).empty()