Επιλογέας button
Ο επιλογέας :button επιλέγει στοιχεία-κουμπιά και
όλα τα στοιχεία με τύπο button. Δείτε
τις ετικέτες button,
input
με τύπο button.
Το ισοδύναμο του $(':button') είναι
$('button'), $("input[type='button']").
Εφόσον το :button δεν ανήκει στις προδιαγραφές CSS,
για καλύτερη απόδοση σε σύγχρονα
προγράμματα πλοήγησης είναι καλύτερα να φιλτράρετε πρώτα τα στοιχεία με
χρήση καθαρού css-επιλογέα, και στη συνέχεια
να εφαρμόσετε το .filter(':button').
Σύνταξη
Έτσι επιλέγουμε κουμπιά:
$(':button');
Παράδειγμα
Ας, σύμφωνα με την παραπάνω θεωρία,
επιλέξουμε όλα τα κουμπιά και κάνουμε πράσινο φόντο και
κόκκινο πλαίσιο, προσθέτοντάς τους την κλάση marked
με τη μέθοδο
addClass:
<form>
<input type="button" value="button">
<input type="file">
<button>button</button>
<input type="reset">
<input type="radio">
<input type="text">
</form>
.marked {
background-color: green;
border: 2px red solid;
}
$(':button').addClass('marked');
$('form').submit(function(event) {
event.preventDefault(); // αποτρέπει την αποστολή της φόρμας
});
