Skip to content
Related Articles

Related Articles

jQuery | has() with Examples

Improve Article
Save Article
  • Last Updated : 09 Sep, 2021
Improve Article
Save Article

The has() is an inbuilt method in jQuery which is used to find all the elements inside the specified list of elements. 

Syntax: 

$(selector).has(element)

Parameter: It accepts a parameter expression or an element to match elements against them. 
Return Value: It returns all elements that match the specified selector having one or more elements inside them. 

jQuery code to show the working of has() method: 

Code #1:  

HTML




<html>
 
<head>
    <script
    </script>
    <!-- jQuery code to show the working of this method -->
    <script>
        $(document).ready(function() {
            $("p").has("span").css("background-color", "lightgreen", "bold");
        });
    </script>
    <style>
        body {
            width: 50%;
            height: 100px;
            border: 2px solid green;
            padding: 15px;
            font-size: 19px;
        }
    </style>
</head>
 
<body>
 
     
<p>Geeks <span>for</span> Geeks !</p>
 
     
<p>I am a <span>content</span> writer.</p>
 
     
<p>This is a normal paragraph .</p>
 
 
</body>
 
</html>


Output: 
All the “p” elements containing the “span” elements get highlighted. 

 

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!