sudhakarinfotech
(current)
Run Code
Live Code Editor- jQuery empty() Method
Source Code
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> jQuery Empty Method </title> <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"> </script> <style type="text/css"> .btn{ padding:10px 15px; background-color:black; color:white; border:none; } p{ height:50px; background-color:lightgrey; font-size:20px; padding:10px; } </style> <script> $(document).ready(function(){ $("button").click(function(){ $("div").empty(); }); }); </script> </head> <body> <h1> jQuery Empty Method </h1> <div> <p> Lorem ipsum, dolor sit amet consectetur, adipisicing elit. Laudantium natus labore odit consectetur accusantium nisi adipisci, repudiandae rem commodi nulla. </p> </div> <p>This paragraph is written outside the div.</p> <button class="btn">Execute empty() method to remove the content of div element.</button> </body> </html>
Source Code Output :
Running