Seletor reset

O seletor :reset seleciona elementos com o tipo reset, que são botões de limpeza de formulário. O equivalente de $(':reset') é $('[type=reset]'). Como :reset não pertence à especificação CSS, para melhorar o desempenho em navegadores modernos é melhor usar [type='reset'] em seu lugar.

Sintaxe

É assim que selecionamos elementos do tipo reset:

javascript$(':reset');

Exemplo

Vamos selecionar todas as entradas do tipo reset e definir um fundo verde e uma borda vermelha usando o método css:

html<form>
  <input type="button" value="button">
  <input type="file">
  <input type="password">
  <button>button</button>
  <input type="reset">
  <input type="radio" name="test">
  <input type="radio" name="test">
  <input type="checkbox">
  <input type="text">
</form>

<

+javascript+> $('input:reset').css({background: 'green', border: '2px red solid'}); $('form').submit(function(event) { event.preventDefault(); // impede o envio do formulário });

<

-javascript->

Veja também

  • seletor button,
    que seleciona elementos de botão e todos os elementos do tipo button
  • método filter,
    que filtra elementos em um conjunto por um seletor especificado
  • método find,
    que procura elementos dentro dos já encontrados