Obtener el ancho y alto de elementos con jQuery

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:

• width()
• height()
• innerWidth() y outerWidth()
• innerHeight() y outerHeight()

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:

$(selector).width()

$(selector).width(valor)

Para más información sobre la función width() visitad este post:

• jQuery width(): Modificar y obtener el ancho de los elementos

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:

$(selector).height()

$(selector).height(valor)

Para más información sobre la función height() visitad este post:

• jQuery height(): Modificar y obtener la altura de los elementos

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:

$(selector).innerWidth();

$(selector).outerWidth();

Para más información sobre las funciones innerWidth() y outerWidth() visitad este post:

• jQuery innerWidth() y outerWidth(): Obtener el ancho de elementos

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:

$(selector).innerHeight();

$(selector).outerHeight();

Para más información sobre las funciones innerHeight() y outerHeight() visitad este post:

• jQuery innerHeight() y outerHeight(): Obtener el ancho de elementos