Submit-selector
Selectoren :submit vælger elementer med typen
submit,
som er knapper til at indsende formularer.
Normalt anvendes selectoren :submit til knapper
eller input-elementer. Man bør huske, at nogle
browsere opfatter elementet button som
at have [type='submit'] implicit, mens
andre gør det modsatte. For at garantere korrekt funktion
skal du altid angive egenskaben type.
Da :submit ikke hører til CSS-specifikationen,
er det bedre for at forbedre ydeevnen i moderne
browsere at anvende
[type='submit'] i stedet.
Syntaks
Sådan vælger vi elementer med typen submit:
$(':submit');
Eksempel
Lad os, ifølge teorien ovenfor,
vælge alle elementer med typen submit,
som er efterkommere af td
elementer. Lad os give disse td en grøn baggrund
og en rød ramme ved hjælp af metoden
css:
<form>
<table border="1" cellpadding="10" align="center">
<tr><th>Element</th></tr>
<tr><td><input type="button" value="button"></td></tr>
<tr><td><input type="file"></td></tr>
<tr><td><input type="password"></td></tr>
<tr><td><button>button</button></td></tr>
<tr><td><input type="reset"></td></tr>
<tr><td><input type="submit"></td></tr>
<tr><td><input type="radio" name="test"></td></tr>
<tr><td><input type="checkbox"></td></tr>
<tr><td><button type="submit">button</button></td></tr>
<tr><td><input type="text"></td></tr>
</table>
</form>
$('td:submit')
.parent('td')
.css({background: 'green', border: '2px red solid'})
.end();
$('form').submit(function(event) {
event.preventDefault(); // forhindrer formularindsendelse
});
