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-