Submit-selector
Selectoren :submit velger elementer med typen
submit,
som er knapper for innsending av skjema.
Vanligvis brukes selectoren :submit på knapper
eller inndataelementer. Det er viktig å huske at noen
nettlesere oppfatter elementet button som
å ha [type='submit'] implisitt, mens
andre gjør det motsatte. For å sikre riktig funksjon
skal du alltid spesifisere egenskapen type.
Siden :submit ikke tilhører CSS-spesifikasjonen,
for bedre ytelse i moderne nettlesere er det bedre å bruke
[type='submit'] i stedet.
Syntaks
Slik velger vi elementer med typen submit:
$(':submit');
Eksempel
La oss, i henhold til teorien ovenfor,
velge alle elementer med typen submit,
som er etterkommere av td
elementer. Vi vil gi disse td en grønn bakgrunn
og en rød ramme ved hjelp av 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 innsending av skjema
});
