Método jQuery innerWidth()

❮ Métodos jQuery HTML/CSS

Exemplo

Retorne a largura interna de um elemento <div>:

$("button").click(function(){
  alert($("div").innerWidth());
});

Definição e uso

O método innerWidth() retorna a largura interna do PRIMEIRO elemento correspondente.

Como a imagem abaixo ilustra, esse método inclui preenchimento, mas não borda e margem.

Dimensões do jQuery


Métodos relacionados:

  • largura() - Define ou retorna a largura de um elemento
  • height() - Define ou retorna a altura de um elemento
  • 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

$(selector).innerWidth()

Experimente você mesmo - Exemplos


Como usar width(), height(), innerHeight(), innerWidth(), outerWidth() e outerHeight().


❮ Métodos jQuery HTML/CSS