Open In App

jQuery hasClass() Method

Last Updated : 10 Jul, 2023
Comments
Improve
Suggest changes
Like Article
Like
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



Next Article

Similar Reads