Selector submit - Auswahl von Elementen mit dem Typ submit
Der Selektor :submit wählt Elemente mit dem Typ
submit aus,
die Schaltflächen zum Absenden eines Formulars sind.
Normalerweise wird der Selektor :submit auf Schaltflächen
oder Eingabeelemente angewendet. Man sollte beachten, dass einige
Browser das Element button als
[type='submit'] implizit betrachten, während
andere das Gegenteil tun. Um eine korrekte Funktion zu gewährleisten,
geben Sie immer die Eigenschaft type an.
Da :submit nicht zum CSS-Standard gehört,
ist es für eine bessere Leistung in modernen
Browsern besser, stattdessen
[type='submit'] zu verwenden.
Syntax
So wählen wir Elemente mit dem Typ submit aus:
$(':submit');
Beispiel
Lassen Sie uns, gemäß der oben genannten Theorie,
alle Elemente mit dem Typ submit auswählen,
die Nachfahren von td
Elementen sind. Wir geben diesen td einen grünen Hintergrund
und einen roten Rahmen mit der Methode
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(); // verhindert das Absenden des Formulars
});
