Índice

El dimensionamiento

jQuery proporciona una serie de métodos relativos a la dimensión de los elementos.

height()

Devuelve la altura de un elemento, expresada en píxeles.

$("p").height();

Este método devuelve una cadena de caracteres (string).

height(valor)

Asigna una altura a los elementos especificados. Si no se especifica la unidad (como em o %), la unidad por defecto será px.

$("p").height(120);

Este método devuelve un objeto jQuery.

width()

Devuelve la anchura de un elemento, expresada en píxeles.

$("p").width();

Este método devuelve una cadena de caracteres (string).

width(valor)

Asigna una anchura a los elementos especificados. Si no se especifica ninguna unidad (como em o %), la unidad por defecto será px.

$("p").width(120);

Este método devuelve un objeto jQuery.

Desde la versión 1.4 de jQuery, es posible usar una función para modificar la altura y la anchura de los elementos de una selección.

Con la versión 3 de jQuery estas propiedades saben cómo devolver valores con decimales.

En este caso, la sintaxis sería:

height(función(índice, valor actual))

width(función(índice, valor actual))

Donde:

  • función especifica una función que devuelve el nuevo valor de la altura o de la anchura.

  • índice (opcional) es la posición del índice del elemento seleccionado.

  • valor actual (opcional) es el valor actual o el anterior.

Ejemplo:

$("div").height(30)

Fija la altura ...