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-