Método jQuery height()
Exemplo
Retorna a altura de um elemento <div>:
$("button").click(function(){
alert($("div").height());
});
Definição e uso
O método height() define ou retorna a altura dos elementos selecionados.
Quando este método é usado para retornar a altura, ele retorna a altura do PRIMEIRO elemento correspondente.
Quando este método é usado para definir a altura, ele define a altura de TODOS os elementos correspondentes.
Como a imagem abaixo ilustra, esse método não inclui preenchimento, borda ou margem.
Métodos relacionados:
- largura() - Define ou retorna a largura de um elemento
- innerWidth() - Retorna a largura de um elemento (inclui preenchimento)
- innerHeight() - Retorna a altura de um elemento (inclui preenchimento)
- outerWidth() - Retorna a largura de um elemento (inclui preenchimento e borda)
- outerHeight() - Retorna a altura de um elemento (inclui preenchimento e borda)
Sintaxe
Retorne a altura:
$(selector).height()
Defina a altura:
$(selector).height(value)
Defina a altura usando uma função:
$(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
|
Experimente você mesmo - Exemplos
Como definir a altura de um elemento usando unidades diferentes.
Como usar uma função para aumentar a altura de um elemento.
Como retornar a altura atual do documento e dos elementos da janela.
Como usar width(), height(), innerHeight(), innerWidth(), outerWidth() e outerHeight().