Exemplo
Voltar a largura de um <div> elemento:
$("button").click(function(){
alert($("div").width());
});
Tente você mesmo " Definição e Uso
Os width() método define ou retorna a largura dos elementos selecionados.
Quando este método é usado para retornar largura, que retorna a largura do primeiro elemento de correspondência.
Quando este método é usado para definir a largura, que define a largura de todos os elementos combinados.
Como a imagem abaixo ilustra, este método não inclui preenchimento, borda ou margem.
métodos relacionados:
- height() - Define ou retorna a altura 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
Voltar a largura:
$(selector).width()
Definir a largura:
$(selector).width(value)
Definir a largura usando uma função:
$(selector).width(function(index,currentwidth))
| Parâmetro | Descrição |
|---|---|
| value | Necessários para a criação de largura. Especifica a largura em px, em, pt, etc. unidade padrão é px |
| function(index,currentwidth) | Opcional. Especifica uma função que retorna a nova largura de elementos selecionados
|
Tente você mesmo - Exemplos
Definir a largura de um elemento
Como para definir a largura de um elemento usando unidades diferentes.
Diminuir a largura usando uma função
Como utilizar uma função de diminuir a largura de um elemento.
Voltar a largura dos elementos do documento e janelas
Como retornar a largura atual dos elementos do documento e janela.
Dimensões de exibição com métodos relacionados
Como utilizar width(), height(), innerHeight(), innerWidth(), outerWidth() e outerHeight() .
Projeto Responsive com width()
Como alterar a cor de fundo da página em telas menores.