Selectorul submit
Selectorul :submit alege elementele de tip
submit,
care sunt butoane de trimitere a formularului.
De obicei, selectorul :submit este aplicat butoanelor
sau elementelor de input. Trebuie reținut că unele
browsere percep elementul button ca
având [type='submit'] implicit, în timp ce
altele, dimpotrivă. Pentru a garanta funcționarea corectă
specificați întotdeauna proprietatea type.
Deoarece :submit nu face parte din specificația CSS,
pentru a îmbunătăți performanța în browserele moderne
este mai bine să folosiți în locul său
[type='submit'].
Sintaxă
Așa alegem elementele de tip submit:
$(':submit');
Exemplu
Să selectăm, conform teoriei menționate mai sus,
toate elementele de tip submit,
care sunt descendente ale elementelor td.
Să le facem acestor td fundal verde
și bordură roșie cu metoda
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(); // prevenim trimiterea formularului
});