Përzgjedhësi submit
Përzgjedhësi :submit zgjedh elementet me tipin
submit,
të cilët janë butona për dërgimin e formës.
Zakonisht përzgjedhësi :submit aplikohet te butonat
ose elementet e inputit. Duhet mbajtur mend se disa
shfletues e perceptojnë elementin button, si
të ketë [type='submit'] në mënyrë implicite, ndërsa
të tjerët përkundrazi. Për të garantuar funksionimin e saktë
gjithmonë specifikoni vetinë type.
Meqenëse :submit nuk i përket specifikimit të CSS,
për të përmirësuar performancën në shfletuesit modernë
në vend të tij është më mirë të aplikohet
[type='submit'].
Sintaksa
Kështu ne zgjedhim elementet me tipin submit:
$(':submit');
Shembull
Le të, sipas teorisë së përmendur më lart,
zgjedhim të gjithë elementet me tipin submit,
të cilët janë pasardhës të elementeve td.
Le t'u bëjmë këtyre td një sfond jeshil
dhe një kornizë të kuqe me ndihmën e metodës
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(); // parandalon dërgimin e formës
});
