Selettore button

Il selettore :button seleziona gli elementi pulsante e tutti gli elementi con tipo button. Vedi i tag button, input con tipo button. L'equivalente di $(':button') è $('button'), $("input[type='button']"). Poiché :button non fa parte delle specifiche CSS, per migliorare le prestazioni nei browser moderni è meglio filtrare prima gli elementi utilizzando un selettore CSS puro, e poi applicare .filter(':button').

Sintassi

In questo modo selezioniamo i pulsanti:

javascript$(':button');

Esempio

Secondo la teoria sopra esposta, selezioniamo tutti i pulsanti e diamo loro uno sfondo verde e un bordo rosso, aggiungendo la classe marked usando il metodo 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(); // impedisce l'invio del modulo
});

Vedi anche