Submit ընտրիչ
:submit ընտրիչն ընտրում է
submit տիպով էլեմենտները,
որոնք ֆորմայի ուղարկման կոճակներ են:
Սովորաբար :submit ընտրիչն կիրառվում է կոճակների
կամ մուտքագրման էլեմենտների նկատմամբ: Պետք է հիշել, որ որոշ
բրաուզերներ button էլեմենտը ընկալում են, որպես
անուղղակիորեն ունեցող [type='submit'], մինչդեռ
մյուսները` հակառակը: Ճիշտ աշխատանքը երաշխավորելու համար
mիշտ նշեք 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(); // կանխում է ֆորմայի ուղարկումը
});