Сеletor button

O seletor :button seleciona elementos de botão e todos os elementos com o tipo button. Consulte as tags button, input com o tipo button. O equivalente a $(':button') é $('button'), $("input[type='button']"). Como :button não pertence à especificação CSS, para melhorar o desempenho em navegadores modernos é melhor primeiro filtrar os elementos usando um seletor CSS puro e, em seguida, aplicar .filter(':button').

Sintaxe

É assim que selecionamos os botões:

javascript$(':button');

Exemplo

Vamos, de acordo com a teoria acima, selecionar todos os botões e dar a eles um fundo verde e uma borda vermelha, adicionando a classe marked usando o método addClass:

html<form>
  <input type="button" value="button">
  <input type="file">
  <button>button</button>
  <input type="reset">
  <input type="radio">
  <input type="text">
</form>

css.marked {
  background-color: green;
  border: 2px red solid;
}

javascript$(':button').addClass('marked');

$('form').submit(function(event) {
  event.preventDefault(); // impede o envio do formulário
});

Veja também