Submit selector
De selector :submit selecteert elementen met het type
submit,
die formulier verzendknoppen zijn.
Normaal gesproken wordt de selector :submit toegepast op knoppen
of invoerelementen. Houd er rekening mee dat sommige
browsers het button-element behandelen als
hebbende [type='submit'] impliciet, terwijl
andere dat niet doen. Om een correcte werking te garanderen,
geef altijd het type-attribuut expliciet op.
Aangezien :submit niet tot de CSS-specificatie behoort,
is het voor betere prestaties in moderne
browsers beter om [type='submit'] te gebruiken.
Syntaxis
Zo selecteren we elementen met het type submit:
$(':submit');
Voorbeeld
Laten we, volgens de bovenstaande theorie,
alle elementen met het type submit selecteren,
die afstammelingen zijn van td
elementen. We geven deze td een groene achtergrond
en een rode rand met behulp van de methode
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(); // voorkomt het verzenden van het formulier
});
