Izbirnik button

Izbirnik :button izbere elemente-gumbe in vse elemente z vrsto button. Oglejte si oznake button, input z vrsto button. Ekvivalent $(':button') je $('button'), $("input[type='button']"). Ker :button ne spada v CSS specifikacijo, je za boljšo zmogljivost v sodobnih brskalnikih bolje najprej filtrirati elemente z uporabo čistega css-izbirnika, nato pa uporabiti .filter(':button').

Sintaksa

Tako izberemo gumbe:

javascript$(':button');

Primer

Poglejmo, kako po zgornji teoriji izberemo vse gumbe in jim naredimo zeleno ozadje ter rdeč okvir, tako da jim dodamo razred marked z metodo addClass:

html<form>
  <input type="button" value="gumb">
  <input type="file">
  <button>gumb</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(); // prepreči pošiljanje obrazca
});

Glej tudi