Submit-selector
Selectorn :submit väljer element med typen
submit,
som är knappar för att skicka formulär.
Vanligtvis används selectorn :submit för knappar
eller inmatningselement. Det är viktigt att komma ihåg att vissa
webbläsare uppfattar elementet button som
att ha [type='submit'] implicit, medan
andra gör tvärtom. För att garantera korrekt funktion
ange alltid egenskapen type.
Eftersom :submit inte ingår i CSS-specifikationen,
för bättre prestanda i moderna
webbläsare är det bättre att använda
[type='submit'] istället.
Syntax
Så här väljer vi element med typen submit:
$(':submit');
Exempel
Låt oss, enligt ovanstående teori,
välja alla element med typen submit,
som är avkomlingar till td
element. Låt oss ge dessa td en grön bakgrund
och en röd ram med metoden
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(); // förhindrar att formuläret skickas
});
