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:
$(':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:
<form>
<input type="button" value="gumb">
<input type="file">
<button>gumb</button>
<input type="reset">
<input type="radio">
<input type="text">
</form>
.marked {
background-color: green;
border: 2px red solid;
}
$(':button').addClass('marked');
$('form').submit(function(event) {
event.preventDefault(); // prepreči pošiljanje obrazca
});
