Tutorialspoint.dev

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:

<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>

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

After clicking the “Click me!” button-



This article is attributed to GeeksforGeeks.org

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter