Tutorialspoint.dev

jQuery | removeAttr() with Examples

The removeAttr() method is an inbuilt method in jQuery which is used to remove one or more attributes from the selected elements.

Syntax:

$(selector).removeAttr(attribute)

Parameters: This function accepts single parameter attribute which is mandatory. It is used to specify one or more attributes to remove. Several attributes can be separated using space operator.

Return Value: This method returns the selected element with the removed attribute.

Below example illustrates the removeAttr() method in jQuery:

Example:

<!DOCTYPE html>
<html>
   <head>
       <title>The removeAttr Method</title>
       <script src=
       </script>
        
        <!-- jQuery code to show the working of this method -->
       <script>
            $(document).ready(function() {
            $("button").click(function() {
                 $("p").removeAttr("style");
             });
         });
      </script>
      <style>
         div {
             width: 300px;
             min-height: 150px;
             border: 2px solid green;
             padding: 20px;
             text-align:center;
         }
      </style>
   </head>
   <body>
      <div>
         <!-- click on the any of the paragraph
         and see the change -->
         <p style="font-size:35px;font-weight:bold;
                       color:green;">Welcome to</p>
         <p style="font-size:35px;font-weight:bold;
                  color:green;">GeeksforGeeks!.</p>
         <button>Click Here!</button>
      </div>
   </body>
</html>

Output:
removeAttr method



This article is attributed to GeeksforGeeks.org

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter