Método jQuery height()
Ejemplo
Devuelve la altura de un elemento <div>:
$("button").click(function(){
alert($("div").height());
});
Definición y uso
El método height() establece o devuelve la altura de los elementos seleccionados.
Cuando se usa este método para devolver la altura, devuelve la altura del PRIMER elemento coincidente.
Cuando se utiliza este método para establecer la altura, establece la altura de TODOS los elementos coincidentes.
Como ilustra la imagen a continuación, este método no incluye relleno, borde o margen.
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)
- outsideWidth() - Devuelve el ancho de un elemento (incluye relleno y borde)
- outsideHeight() - Devuelve la altura de un elemento (incluye relleno y borde)
Sintaxis
Devuelve la altura:
$(selector).height()
Establecer la altura:
$(selector).height(value)
Establezca la altura usando una función:
$(selector).height(function(index,currentheight))
| Parameter | Description |
|---|---|
| value | Required for setting height. Specifies the height in px, em, pt, etc. Default unit is px |
| function(index,currentheight) | Optional. Specifies a function that returns the new height of selected elements
|
Pruébelo usted mismo - Ejemplos
Cómo establecer la altura de un elemento usando diferentes unidades.
Cómo usar una función para aumentar la altura de un elemento.
Cómo devolver la altura actual de los elementos del documento y la ventana.
Cómo utilizar ancho(), altura(), altura interior(), anchura interior(), anchura exterior() y altura exterior().