სელექტორი submit

სელექტორი :submit ირჩევს submit ტიპის ელემენტებს, რომლებიც ფორმის გაგზავნის ღილაკებია. ჩვეულებრივ სელექტორი :submit გამოიყენება ღილაკებზე ან შემოტანის ელემენტებზე. უნდა გვახსოვდეს, რომ ზოგიერთი ბრაუზერი button ელემენტს აღიქვამს, როგორც [type='submit']-ს იმპლიციტურად, მაშინ როცა სხვები პირიქით. სწორი მუშაობის გარანტიისთვის ყოველთვის მიუთითეთ 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 სტილები