Skip to content
Related Articles

Related Articles

Improve Article
jQuery | has() with Examples
  • Last Updated : 13 Feb, 2019

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>
  
<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 paragrap .</p>
  
</body>
  
</html>

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

My Personal Notes arrow_drop_up
Recommended Articles
Page :