Button-selector
Selectoren :button vælger knappe-elementer og
alle elementer med typen button. Se
tags button,
input
med typen button.
Ækvivalenten til $(':button') er
$('button'), $("input[type='button']").
Da :button ikke hører til CSS-specifikationen,
er det for at forbedre ydeevnen i moderne
browsere bedre først at filtrere elementer med
brug af ren css-selector og derefter
anvende .filter(':button').
Syntaks
Sådan vælger vi knapper:
$(':button');
Eksempel
Lad os, ifølge den ovenstående teori,
vælge alle knapper og give dem en grøn baggrund og
en rød ramme, ved at tilføje dem klassen marked
ved hjælp af metoden
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(); // forhindrer afsendelse af formular
});
