jQuery length property

The length property is used to count a number of the elements of the jQuery object.

Syntax:

$(selector).length

where the selector is the object whose length is to be calculated.

Return Values: It returns the length of the selector.

Below is the example to show the working of the jQuery length property:

Example: In this example, we are using the above-explained property.

html




<!DOCTYPE html>
<html>
 
<head>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
    <script>
        $(document).ready(function () {
            $("button").click(function () {
                document.getElementById("Beginner").innerHTML =
                    "<br>" + $("p").length
            });
        });
    </script>
</head>
 
<body>
 
    <p style="color:green"> w3wiki</p>
    <p style="color:green">Sudo</p>
    <p style="color:green">Code</p>
    <p style="color:green">Gate</p>
 
    <button>Click on the button to get
        the number of "p" elements
    </button>
 
    <div id="Beginner"></div>
 
</body>
 
</html>


Output: