Submit-kieër
Die kieër :submit kies elemente met die tipe
submit,
wat knoppies vir vormindiening is.
Gewoonlik word die kieër :submit op knoppies
of invoerelemente toegepas. Onthou dat sommige
blaaiers die element button sien as
met [type='submit'] by implikasie, terwyl
ander die teenoorgestelde doen. Om korrekte werking te verseker,
spesifiseer altyd die eienskap type.
Aangesien :submit nie tot die CSS-spesifikasie behoort nie,
is dit beter om in moderne blaaiers
[type='submit'] te gebruik in plaas daarvan vir beter werkverrigting.
Sintaksis
So kies ons elemente met tipe submit:
$(':submit');
Voorbeeld
Laat ons, volgens die bogenoemde teorie,
alle elemente met tipe submit kies,
wat afstammelinge is van td
elemente. Laat ons vir hierdie td 'n groen agtergrond
en 'n rooi raam maak met behulp van die metode
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(); // voorkom die indiening van die vorm
});