Seletor submit
O seletor :submit seleciona elementos do tipo
submit,
que são botões de envio de formulário.
Geralmente, o seletor :submit é aplicado a botões
ou elementos de entrada. É importante lembrar que alguns
navegadores interpretam o elemento button como
possuindo [type='submit'] implicitamente, enquanto
outros, ao contrário. Para garantir o funcionamento correto,
sempre especifique a propriedade type.
Como :submit não pertence à especificação CSS,
para melhorar o desempenho em navegadores modernos,
é melhor usar [type='submit'] em seu lugar.
Sintaxe
É assim que selecionamos elementos do tipo submit:
$(':submit');
Exemplo
Vamos, de acordo com a teoria mencionada acima,
selecionar todos os elementos do tipo submit,
que são descendentes de elementos td.
Vamos dar a esses td um fundo verde
e uma borda vermelha usando o método
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(); // impede o envio do formulário
});
