Skip to content
Related Articles

Related Articles

Improve Article

How to remove all paragraphs from the DOM using jQuery ?

  • Difficulty Level : Medium
  • Last Updated : 21 May, 2021

To remove elements and content, we use jQuery remove() method which removes the selected element as well as everything inside it, also it will remove all bound events associated with that target element.

Syntax:

$(selector).remove()   

Example :

HTML




<!DOCTYPE html>
<html>
<head>
    <script
      integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
      crossorigin="anonymous"
    >
    </script>
    <!-- JQuery CDN directed from the JQuery website -->
    <script>
      $(document).ready(function () {
        $("button").click(function () {
          $("p").remove();
        });
      });
    </script>
      
</head>
<body>
 <div style="padding-top: 90px; padding-left: 200px">
      <p style="font-size: 40px">
        Welcome to GeeksforGeeks!
      </p>
      <p style="font-size: 40px">
        Computer Science portal For geeks.
      </p>
      <p style="font-size: 40px;">
        Learn DS-ALGO From here at your own pace.
      </p>
      <button style="padding: 12px">
        Remove
      </button>
  </div>
</body>
</html>

Output:

remove() method

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :