Izbirnik submit
Izbirnik :submit izbere elemente s tipom
submit,
ki so gumbi za oddajo obrazca.
Običajno se izbirnik :submit uporablja za gumbe
ali vnosne elemente. Upoštevati je treba, da nekateri
brskalniki element button obravnavajo kot
element z [type='submit'] implicitno, medtem ko
drugi ravno obratno. Za zagotovilo pravilnega delovanja
vedno navedite lastnost type.
Ker :submit ne spada v CSS specifikacijo,
je za izboljšanje zmogljivosti v sodobnih
brskalnikih namesto njega bolje uporabiti
[type='submit'].
Sintaksa
Tako izberemo elemente s tipom submit:
$(':submit');
Primer
Poglejmo, kako lahko glede na zgoraj navedeno teorijo
izberemo vse elemente s tipom submit,
ki so potomci td
elementov. Tem td elementom dodelimo zeleno ozadje
in rdeč okvir z metodo
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(); // prepreči oddajo obrazca
});