El método JQuery.size() nos da el número de elementos presentes. Por ejemplo, si llamamos al método size() para la etiqueta «p» , devolverá la cantidad de etiquetas «p» presentes en nuestra página.
Sintaxis:
$(selector).size()
Valor de retorno: Devuelve el número de “selector” presentes.
Ejemplo:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Using jquery v1.6 library -->
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js">
</script>
</head>
<body>
<p>para-1</p>
<p>para-2</p>
<p>para-3</p>
<p>para-4</p>
<p>para-5</p>
<script>
console.log($("p").size())
</script>
</body>
</html>
Producción:
5
Nota: este método se eliminó en jQuery 3.0. Por lo tanto, el código anterior no funcionará en la última versión de jQuery. Ahora, tienes que usar la propiedad de longitud .
Implementación de JQuery.size():
size()->function()
{
return this.length;
}
Aquí, podemos ver claramente que el método size() está llamando internamente a la propiedad de longitud . Entonces, es bastante obvio que cuando tenemos que encontrar el tamaño de un elemento, podemos llamar directamente a la propiedad de longitud en lugar del método de llamada.
Propiedad jQuery.length: La propiedad JQuery.length es más rápida que JQuery.size() porque aquí no estamos llamando a ninguna función.
Sintaxis:
$(selector).length
Valor devuelto: Devuelve la longitud del selector.
Ejemplo:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<!-- using jquery library -->
<script src=
"https://code.jquery.com/jquery-git.js">
</script>
</head>
<body>
<p>para-1</p>
<p>para-2</p>
<p>para-3</p>
<p>para-4</p>
<p>para-5</p>
<script>
console.log($("p").length)
</script>
</body>
</html>
Producción:
5
Diferencia entre jQuery.size() y jQuery.length:
| Método jQuery.size() | propiedad jQuery.longitud |
|---|---|
| Es un tipo de método. | Es un tipo de propiedad. |
| Devuelve el número de elementos. | También devuelve el número de elementos. |
| Internamente llama propiedad de longitud. | No llama a ninguna otra propiedad. |
| Es lento debido a la función de gastos generales. | Es rápido. |
| Se eliminó en jQuery 3.0. | Se recomienda su uso. |
Publicación traducida automáticamente
Artículo escrito por hritikrommie y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA