Post para repasar y saber cómo obtener el ancho y alto de elementos con jQuery. Os voy a listar las diferentes funciones que podemos usar en nuestros proyectos.
Funciones para obtener el ancho y alto de elementos con jQuery
Las funciones de jQuery son las siguientes:
jQuery width()
Su funcionalidad es la de modificar y obtener el ancho de los elementos de la web como pueden ser un div, clases o etiquetas. Su sintaxis es:
1 2 3 |
$(selector).width() $(selector).width(valor) |
Para más información sobre la función width() visitad este post:
jQuery height()
Su funcionalidad es la de modificar y obtener la altura de los elementos de la web como pueden ser un div, clases o etiquetas. Su sintaxis es:
1 2 3 |
$(selector).height() $(selector).height(valor) |
Para más información sobre la función height() visitad este post:
jQuery innerWidth() y outerWidth()
La funcionalidad de estas 2 funciones es la de obtener el ancho de los elementos de la web contemplando los márgenes. Su sintaxis es:
1 2 3 |
$(selector).innerWidth(); $(selector).outerWidth(); |
Para más información sobre las funciones innerWidth() y outerWidth() visitad este post:
jQuery innerHeight() y outerHeight()
La funcionalidad de estas 2 funciones es la de obtener el alto de los elementos de la web contemplando los márgenes. Su sintaxis es:
1 2 3 |
$(selector).innerHeight(); $(selector).outerHeight(); |
Para más información sobre las funciones innerHeight() y outerHeight() visitad este post: