Operação CSS do jQuery - método width()
Exemplo
Defina a largura do elemento <p>:
$(".btn1").click(function(){
$("p").width(200);
});
Definição e uso
O método width() retorna ou define a largura do elemento correspondente.
Retorna a largura
Retorna a largura do primeiro elemento correspondente.
Se não for configurado parâmetro para este método, retorna a largura do elemento correspondente em pixels.
Sintaxe
$(selector).width()
Defina a largura
Defina a largura de todos os elementos correspondentes.
Sintaxe
$(selector).width(length)
| Parâmetros | Descrição |
|---|---|
| length |
Opcional. Especifique a largura do elemento. Se não for especificada a unidade de comprimento, a unidade padrão px é usada. |
Use uma função para definir a largura
Use uma função para definir a largura de todos os elementos correspondentes.
Sintaxe
$(selector).width(function(index,oldwidth))
| Parâmetros | Descrição |
|---|---|
| function(index,oldwidth) |
Especifique a função que retorna a nova largura do elemento selecionado.
|
Mais exemplos
- Obtenha a largura do elemento document e window
- Use o método width() para obter a largura atual do elemento document e window.
- Use os valores de em e % para definir a largura
- Defina a largura do elemento usando a unidade de comprimento especificada.
