Open In App

jQuery hasClass() Method

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Share
Report issue
Report

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

Syntax:

$(selector).hasClass(className);

Parameter: It accepts a “className” parameter which specifies the class name needed 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:

html




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


Output:

jquery-13



Last Updated : 10 Jul, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads