.size()Returns: Integerversion deprecated: 1.8, removed: 3.0
Description: Return the number of elements in the jQuery object.
Note: This method has been removed in jQuery 3.0. Use the .length property instead.
The .size() method is functionally equivalent to the .length property; however, the .length property is preferred because it does not have the overhead of a function call.
Given a simple unordered list on the page:
<ul> <li>foo</li> <li>bar</li> </ul>
Both .size() and .length identify the number of items:
alert( "Size: " + $( "li" ).size() ); alert( "Size: " + $( "li" ).length );
This results in two alerts:
Size: 2
Size: 2
Example:
Count the divs.
$( document.body )
.click(function() {
$( this ).append( $( "<div>" ) );
var n = $( "div" ).size();
$( "span" ).text( "There are " + n + " divs. Click to add more." );
})
// Trigger the click to start
.click();