English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Método jQuery val()

HTML do jQuery/Método CSS

O método val() obtém ou define o valor do atributo do elemento FORM selecionado.

Usar o método val()Obterao definir o valor do atributo, ele retornaráO primeiro elemento selecionadovalor.

Usar o método val()Definirao definir o valor do atributo, ele substituiráTodos os elementos selecionadosvalor.

Atenção: O método val() é usado principalmente para obter o valor do elemento FORM, por exemplo, input, select e textarea.

Sintaxe:

Obter o atributo valor:

$(selector).val()

Definir o atributo valor:

$(selector).val(value)

Usar função para definir o atributo value:

$(selector).val(function(index, currentValue))

Exemplo

Obter o valor do campo <input>:

$("button").click(function(){
  $("input:text").val();
});
Teste e veja‹/›

Definir o valor do campo <input>:

$("button").click(function(){
  $("input").val("Hello world");
});
Teste e veja‹/›

Alterar o valor do elemento usando função:

$("button").click(function(){
  $("input:text").val(function(i, val){
    return val + " Hello";
  });
});
Teste e veja‹/›

Valor do Parâmetro

ParâmetroDescrição
valuePara todos os valores dos elementos selecionados
Atenção:Se este parâmetro for omitido, o val() retornará o valor do atributo value do primeiro elemento selecionado
function(index, currentValue)Especificar uma função que retorna o valor a ser definido
  • index-Retornar a posição do elemento na coleção

  • currentContent-Retornar o valor atual do elemento selecionado

HTML do jQuery/Método CSS