Los últimos tutoriales de desarrollo web
 

jQuery height() Method

<JQuery HTML / CSS Métodos

Ejemplo

Devolver la altura de un elemento <div>:

$("button").click(function(){
    alert($("div").height());
});
Inténtalo tú mismo "

Definición y Uso

Los height() conjuntos o método devuelve la altura de los elementos seleccionados.

Cuando se utiliza este método para devolver altura, devuelve la altura del elemento emparejado PRIMERO.

Cuando se utiliza este método para establecer la altura, que define la altura de todos los elementos coincidentes.

A medida que la imagen de abajo ilustra, este método no incluye el relleno, el borde o margen.

jQuery Dimensiones


métodos relacionados:

  • width() - Establece o devuelve el ancho de un elemento
  • innerWidth() - Devuelve el ancho de un elemento (incluye relleno)
  • innerHeight() - Devuelve la altura de un elemento (incluye relleno)
  • outerWidth() - Devuelve el ancho de un elemento (incluye el relleno y el borde)
  • outerHeight() - Devuelve la altura de un elemento (incluye el relleno y el borde)

Sintaxis

Devolver la altura:

$(selector).height()

Ajuste la altura:

$(selector).height(value)

Establecer la altura utilizando una función:

$(selector).height(function(index,currentheight))

Parámetro Descripción
value Necesario para ajustar la altura. Especifica la altura en píxeles, em, PT, etc.
unidad por defecto es px
function(index,currentheight) Opcional. Especifica una función que devuelve la nueva altura de los elementos seleccionados
  • index - Devuelve la posición del índice del elemento en el conjunto
  • currentheight - Devuelve la altura actual del elemento seleccionado

Inténtelo usted mismo - Ejemplos

Ajuste la altura de un elemento
Cómo ajustar la altura de un elemento utilizando diferentes unidades.

Aumentar la altura utilizando una función
Cómo utilizar una función para aumentar la altura de un elemento.

Devolver la altura de los elementos del documento y de la ventana
¿Cómo devolver la altura actual de los elementos del documento y de la ventana.

Dimensiones de la pantalla con los métodos relacionados
Cómo utilizar width(), height(), innerHeight(), innerWidth(), outerWidth() y outerHeight() .


<JQuery HTML / CSS Métodos