Селектор 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(); // спречува поднесување на формуларот
});
