jQuery | hasClass() with Examples

The hasClass() is an inbuilt method in jQuery which check whether the elements with the specified class name exists or not.
Syntax:

$(selector).hasClass(className);

Parameter: It accepts a “className” parameter which specifies the class name need to search in the selected element.

Return Value: It returns true if the search is successful otherwise false.
jQuery code to show the working of this method:



filter_none

edit
close

play_arrow

link
brightness_4
code

<html>
  
<head>
    <script 
    </script>
    <script>
        $(document).ready(function() {
            $("button").click(function() {
                alert($("p").hasClass("find"));
            });
        });
    </script>
    <style>
        .find {
            font-size: 120%;
            color: green;
        }
          
        body {
            width: 50%;
            height: 200px;
            border: 2px solid green;
            padding: 20px;
        }
    </style>
</head>
  
<body>
  
    <h1>Heading 1</h1>
  
    <p class="find">Geeks for Geeks !.</p>
    <p>This is normal paragraph.</p>
  
    <button>Click me!</button>
  
</body>
  
</html>

chevron_right


Output:
Before clicking the “Click me!” button-

After clicking the “Click me!” button-



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.