jQuery | ancho interno() con ejemplo

El ancho interno es un método incorporado en jQuery que se usa para devolver el ancho del primer elemento coincidente.
Sintaxis:

$(selector).innerWidth()

Aquí selector es el elemento seleccionado.
Parámetros: No acepta ningún parámetro.
Valor devuelto: Devuelve el ancho del selector.
Código jQuery para mostrar el funcionamiento del método innerWidth():

<!DOCTYPE html>
<html>
  
<head>
    <script 
    src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
    <script>
        <!--jQuery code to demonstrate innerWidth function -->
  
        // document ready
        $(document).ready(function() {
            // on clicking the paragraph
            $("p").click(function() {
                // innerWidth
                document.getElementById("demo").innerHTML = "innerWidth = "
                                              + $("div").innerWidth();
            });
        });
    </script>
</head>
  
<body>
  
    <div style="height: 100px;width: 200px; background-color: blue">
  
    </div>
    <p>Click here to know innerWidth</p>
    <p id="demo"></p>
</body>
  
</html>

Salida:
antes de hacer clic en el párrafo-

Después de hacer clic en el párrafo-

Publicación traducida automáticamente

Artículo escrito por ShivamKD 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 *