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(); // կանխում է ֆորմայի ուղարկումը
});

Տես նաև

button թեգը
button ընտրիչը,
որը ընտրում է կոճակ-էլեմենտները և բոլոր button տիպով էլեմենտները
filter մեթոդը,
որը ֆիլտրում է էլեմենտները հավաքածուում ըստ տրված ընտրիչի
css մեթոդը,
որը թույլ է տալիս ստանալ և փոփոխել էլեմենտի CSS ոճերը