Submit selektorius
Selektorius :submit pasirenka elementus su tipu
submit,
kurie yra formos pateikimo mygtukai.
Paprastai selektorius :submit taikomas mygtukams
arba įvesties elementams. Reikia atsiminti, kad kai kurios
naršyklės elementą button suvokia kaip
turinčią [type='submit'] netiesiogiai, tuo tarpu
kitos atvirkščiai. Norint garantuoti teisingą veikimą
visada nurodykite savybę type.
Kadangi :submit nepriklauso CSS specifikacijai,
todėl norint pagerinti našumą šiuolaikinėse
naršyklėse vietoj jo geriau pritaikyti
[type='submit'].
Sintaksė
Taip mes pasirenkame elementus su tipu submit:
$(':submit');
Pavyzdys
Pagal aukščiau nurodytą teoriją,
pasirinkime visus elementus su tipu submit,
kurie yra td elementų palikuonys.
Padarykime šiems td elementams žalią foną
ir raudoną rėmelį naudodami metodą
css:
<form>
<table border="1" cellpadding="10" align="center">
<tr><th>Elementas</th></tr>
<tr><td><input type="button" value="mygtukas"></td></tr>
<tr><td><input type="file"></td></tr>
<tr><td><input type="password"></td></tr>
<tr><td><button>mygtukas</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">mygtukas</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(); // užkerta kelią formos pateikimui
});
