Selektor button
Selektor :button vyberá prvky-tlačidlá a
všetky prvky s typom button. Pozrite si
značky button,
input
s typom button.
Ekvivalentom $(':button') je
$('button'), $("input[type='button']").
Pretože :button nepatrí do špecifikácie CSS,
pre zlepšenie výkonu v moderných
prehliadačoch je lepšie najprv filtrovať prvky
s použitím čistého css-selektora, a potom
aplikovať .filter(':button').
Syntax
Takto vyberáme tlačidlá:
$(':button');
Príklad
Podľa vyššie uvedenej teórie
vyberme všetky tlačidlá a urobme im zelené pozadie a
červený rám, pridaním triedy marked
pomocou metódy
addClass:
<form>
<input type="button" value="button">
<input type="file">
<button>button</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(); // zabráni odoslaniu formulára
});
