How to use jQuery Empty Method – .empty()

How to use jQuery Empty Method – .empty()

The jQuery Empty method – .empty() is used to remove all the contents and children of the element.

Note: It does the remove the element itself. If you want to remove the element also then use jQuery Remove method.

Important tutorial: Understand how to use jQuery to Disable & Enable Controls in your website.

jQuery Empty – .empty() syntax

I have a div that contains information of United States:

<div id="div1">
    Country:
    <p>Name: United States</p>
    <p>State: New York</p>
    <p>City: New York City</p>
</div>

To remove all its content use .empty() method:

$("#div1").empty();

The Resulting div will have all its content removed:

<div id="div1">
</div>

Check the download link below:

DOWNLOAD

Important – jQuery Interview Questions – Top 100 Answers
< Previous
Next >

SHARE THIS ARTICLE

  • linkedin
  • reddit

Related Tutorials:

jquery prop How to use jQuery prop() method in your website
jquery load xml example Read XML file with jQuery Load Method and display it in a HTML Table
How to perform Localization with Portable Object (PO) files in an ASP.NET Core
yogihosting

ABOUT THE AUTHOR

I hope you enjoyed reading this tutorial. If it helped you then consider buying a cup of coffee for me. This will help me in writing more such good tutorials for the readers. Thank you. Buy Me A Coffee donate