How to use jQuery hasAttribute() method to see if there is an attribute on an element?

jQuery Web Development Front End Technology

Use jQuery hasAttribute() method to see if there is an attribute for an element.

Example

You can try to run the following code to learn how to use hasAttribute() method:

<!DOCTYPE html>
<html>
   <head>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script>
         $(document).ready(function(){
           $('button').on('click', function() {

             if (this.hasAttribute("style")) {
               alert('True')
             } else {
               alert('False')
             }
             
          })
         });
      </script>
   </head>
   <body>
       Check for attribute in the button element<br>
      <button class='button' style='background-color:blue;'>
      Button
      </button>
      <button class='button'>
      Button 2
      </button>
   </body>
</html>

Amit D

Updated on: 18-Dec-2019

1K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started