jQuery | tamaño() con ejemplos

El tamaño() es un método incorporado en jQuery que se usa para encontrar la cantidad de elementos que coinciden con el selector dado. Este método se eliminó en jQuery 3.0 en lugar de introducir este length(). 

Sintaxis:

$(selector).size()

Parámetro: No acepta ningún parámetro. 

Valor devuelto: Devuelve el número de elementos que coinciden con los elementos seleccionados. 

Código jQuery para mostrar el funcionamiento del método size(): 

html

<html>
 
<head>
    <style>
        body {
            cursor: pointer;
            min-height: 100px;
        }
         
        div {
            width: 50px;
            height: 30px;
            margin: 5px;
            float: left;
            background: green;
        }
         
        span {
            color: black;
        }
    </style>
    <script src="https://code.jquery.com/jquery-1.10.2.js">
    </script>
</head>
 
<body>
    <div></div>
    <span></span>
    <!-- jQuery code to show the working of this method -->
    <script>
        $(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();
    </script>
 
</body>
 
</html>

Salida: antes de hacer clic en la pantalla-

  

Después de hacer clic tres veces en la pantalla-

 

Publicación traducida automáticamente

Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *