Operação CSS do jQuery - método height()

Exemplo

Defina a altura do elemento <p>:

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

Experimente você mesmo

Definição e uso

O método height() retorna ou define a altura do elemento correspondente.

Retorna a altura

Retorna a altura do primeiro elemento correspondente.

Se não for definido parâmetro para este método, retorna a altura do elemento correspondente em pixels.

Sintaxe

$(selector).height()

Experimente você mesmo

Defina a altura

Defina a altura de todos os elementos correspondentes.

Sintaxe

$(selector).height(length)
Parâmetros Descrição
length

Opcional. Especifique a altura do elemento.

Se não for especificada a unidade de comprimento, o valor padrão é px.

Experimente você mesmo

Use uma função para definir a altura

Use uma função para definir a altura de todos os elementos correspondentes.

Sintaxe

$(selector).height(function(index,oldheight))
Parâmetros Descrição
function(index,oldheight)

Especifique a função que retorna a nova altura do elemento selecionado.

  • index - Opcional. Aceita a posição index do seletor
  • oldvalue - Opcional. Aceita o valor atual do seletor.

Experimente você mesmo

Mais exemplos

Obtenha a altura do elemento document e window
Obtenha a altura atual do elemento document e window usando o método height()
Use valores em e % para definir a altura
Defina a altura do elemento usando a unidade de comprimento especificada.