Επιλογέας submit
Ο επιλογέας :submit επιλέγει στοιχεία με τύπο
submit,
που είναι κουμπιά υποβολής φόρμας.
Συνήθως ο επιλογέας :submit εφαρμόζεται σε κουμπιά
ή στοιχεία εισόδου. Πρέπει να θυμόμαστε ότι ορισμένα
πρόγραμματα πλοήγησης αντιλαμβάνονται το στοιχείο button, ως
ένα που έχει [type='submit'] σιωπηρά, ενώ
άλλα αντίθετα. Για εγγύηση σωστής λειτουργίας
πάντα καθορίζετε την ιδιότητα type.
Εφόσον ο :submit δεν ανήκει στην προδιαγραφή CSS,
για βελτίωση της απόδοσης σε σύγχρονα
πρόγραμματα πλοήγησης αντί για αυτόν είναι καλύτερα να εφαρμοστεί
[type='submit'].
Σύνταξη
Έτσι επιλέγουμε στοιχεία με τύπο submit:
$(':submit');
Παράδειγμα
Ας, σύμφωνα με την παραπάνω θεωρία,
επιλέξουμε όλα τα στοιχεία με τύπο submit,
που είναι απογόνων td
στοιχείων. Ας κάνουμε σε αυτά τα td πράσινο φόντο
και κόκκινο πλαίσιο με τη βοήθεια της μεθόδου
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(); // αποτρέπει την υποβολή της φόρμας
});