How to check if an element has a class in jQuery?



The hasClass() method is used to check if an element has a class in jQuery. jQuery is a JavaScript library introduced to make development with JavaScript easier. It reduces the development time

Example

You can try to run the following code to check if an element has a class in jQuery −

Live Demo

<!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").click(function(){                alert($("h1").hasClass("myclass"));             });          });       </script>       <style>          .myclass {          color: blue;          }       </style>    </head>    <body>       <h1 class="myclass">Heading</h1>       <p>This is demo text.</p>       <button>Check: The h1 element has 'myclass' class?</button>    </body> </html>
Updated on: 2020-02-14T05:05:27+05:30

495 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements