How to add and remove HTML attributes with jQuery?

jQueryWeb DevelopmentFront End Technology

To add and remove HTML attributes with jQuery, use the addClass() and removeClass() method.

You can try to run the following code to add and remove HTML attributes with jQuery −

Example

Live Demo

<html>
   <head>
      <title>jQuery Example</title>
      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script type = "text/javascript">
         $(document).ready(function(){
         
           $( '#add' ).click( function () {
               $('#page_navigation1').addClass( 'blue-class' );        
           });
         
           $( '#remove' ).click( function () {        
               $('#page_navigation1').removeClass( 'blue-class' );        
           });    
         });  
         
      </script>
      <style>
         .blue-class {
           background-color: blue;
           font-size: 30px;
         }
      </style>
   </head>
   <div id="page_navigation1">Demo</div>
   <button id="add">Add</button>
   <button id="remove">Remove</button>
</html>
raja
Published on 14-Dec-2017 19:39:05
Advertisements