How to remove all paragraphs from the DOM using jQuery ?

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
      src="https://code.jquery.com/jquery-3.6.0.min.js"
      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 w3wiki!
      </p>
      <p style="font-size: 40px">
        Computer Science portal For Beginner.
      </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



Contact Us