Selektor button
Selektor :button vybírá prvky-tlačítka a
všechny prvky s typem button. Podívejte se na
tagy button,
input
s typem button.
Ekvivalentem $(':button') je
$('button'), $("input[type='button']").
Protože :button nepatří do CSS specifikace,
pro zlepšení výkonu v moderních
prohlížečích je lepší nejprve filtrovat prvky
s použitím čistého css-selektoru, a poté
použít .filter(':button').
Syntaxe
Takto vybíráme tlačítka:
$(':button');
Příklad
Pojďme, podle výše uvedené teorie,
vybrat všechna tlačítka a udělat jim zelené pozadí a
červený rám, přidáním třídy marked
pomocí metody
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ání odeslání formuláře
});
