jQuery size() method

The size() method is used to return the number of elements in the jQuery object. We can use the length property as an alternative of the size() function because the size() function is deprecated in jQuery version 1.8, and it is completely removed in version 3.0.

The length property is also preferred because it avoids an extra function call, so it is quicker than the size() function.

Syntax

The size() method doesn't accept any argument.

Now, let's see an example to understand the working of the size() function.

Example

In this example, we are not using the latest version of jQuery. We are using the jQuery version 1.6.1, which is before 1.8. It is because the size() method is deprecated in jQuery version 1.8.

Here, there are three paragraph elements. We are using the size() method to count the number of paragraph elements. On clicking the button, an alert box will be displayed that will show the total number of paragraph elements.

<!DOCTYPE html>
<html>
<head>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"> </script>
<script>
$(document).ready(function(){
$("#b1").click(function(){
alert($("p").size());
});
});
</script>
</head>

<body>
<h4> This is an example of using the jQuery size() method. </h4>
<p> First paragraph </p>
<p> Second paragraph </p>
<p> Third paragraph </p>
<h5> Click the following button to count the number of paragraph elements. </h5>
<button id = "b1"> Click me </button>

</html>

Test it Now

Output

After the execution of the above code, the output will be -