# Селектор 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 стили элемента

← →
↑