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:

filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>

chevron_right


Output:
removeAttr method

full-stack-img




My Personal Notes arrow_drop_up

Recommended Posts:

    Article Tags :

    Be the First to upvote.


    Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.