jQuery Dimensions

Cuando estamos desarrollando una Web, en algunas ocasiones nos podrá resultar vital saber las dimensiones (ancho y alto) de una página o de algunos de sus contenedores para realizar alguna acción.

jQuery dispone de varias funciones importantes para trabajar con las dimensiones de los elementos:

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

jquery_dimensions

El método width() establece o devuelve el ancho de un elemento (sin relleno, borde o margen).

El método height() establece o devuelve la altura de un elemento (sin relleno, borde o margen).

El método innerWidth() devuelve el ancho de un elemento (incluyendo padding).

El método innerHeight() devuelve la altura de un elemento (incluyendo padding).

El método outerWidth() devuelve el ancho de un elemento (incluyendo el relleno y borde).

El método outerHeight() devuelve la altura de un elemento (incluyendo el relleno y borde).

El método outerWidth(true) devuelve el ancho de un elemento (incluye relleno, borde y margen).

El método outerHeigh (true) devuelve la altura de un elemento (incluye relleno, borde y margen).

Ver ejemplo en funcionamiento

Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
(3 votos, promedio: 5 de 5)
Comparte en las redes sociales
¿Buscas trabajo de programador?

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre