Selektor button
Der Selektor :button wählt Schaltflächenelemente und
alle Elemente mit dem Typ button aus. Siehe
die Tags button,
input
mit dem Typ button.
Das Äquivalent zu $(':button') ist
$('button'), $("input[type='button']").
Da :button nicht zur CSS-Spezifikation gehört,
ist es für eine bessere Leistung in modernen
Browsern besser, zuerst die Elemente mit
einem reinen CSS-Selektor zu filtern und dann
.filter(':button') anzuwenden.
Syntax
So wählen wir Schaltflächen aus:
$(':button');
Beispiel
Lassen Sie uns gemäß der oben genannten Theorie
alle Schaltflächen auswählen und ihnen einen grünen Hintergrund und
einen roten Rahmen geben, indem wir ihnen die Klasse marked
mit der Methode
addClass hinzufügen:
<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(); // verhindert das Absenden des Formulars
});
