Método height() de operaciones CSS de jQuery

Ejemplo

Establecer la altura del elemento <p>:

$(".btn1").click(function(){
  $("p").height(50);
});

Prueba personal

Definición y uso

El método height() devuelve o establece la altura del elemento coincidente.

Devolver altura

Devuelve la altura del primer elemento coincidente.

Si no se configura parámetros para este método, se devuelve la altura del elemento coincidente en píxeles.

Sintaxis

$(selector).height()

Prueba personal

Establecer altura

Establecer la altura de todos los elementos coincidentes.

Sintaxis

$(selector).height(length)
Parámetros Descripción
length

Opcional. Especificar la altura del elemento.

Si no se especifica la unidad de longitud, se utiliza la unidad predeterminada px.

Prueba personal

Utilizar una función para establecer la altura

Utilizar una función para establecer la altura de todos los elementos coincidentes.

Sintaxis

$(selector).height(function(index,oldheight))
Parámetros Descripción
function(index,oldheight)

Especificar la función que devuelve la nueva altura del elemento seleccionado.

  • index - Opcional. Acepta la posición del índice del selector
  • oldvalue - Opcional. Acepta el valor actual del selector.

Prueba personal

Más ejemplos

Obtener la altura del elemento de documento y ventana
Obtener la altura actual del elemento document y window utilizando el método height()
Establecer la altura utilizando valores de em y %
Establecer la altura del elemento utilizando la unidad de longitud especificada.