Selektor submit
Selektor :submit memilih elemen dengan tipe
submit,
yang merupakan tombol pengiriman formulir.
Biasanya selektor :submit diterapkan pada tombol
atau elemen input. Perlu diingat bahwa beberapa
browser menganggap elemen button sebagai
yang memiliki [type='submit'] secara implisit, sementara
yang lain sebaliknya. Untuk menjamin kerja yang benar
selalu tentukan properti type.
Karena :submit tidak termasuk dalam spesifikasi CSS,
maka untuk meningkatkan performa di
browser modern lebih baik gunakan
[type='submit'] sebagai gantinya.
Sintaksis
Beginilah cara kita memilih elemen dengan tipe submit:
$(':submit');
Contoh
Mari, sesuai dengan teori yang disebutkan di atas,
pilih semua elemen dengan tipe submit,
yang merupakan turunan dari elemen td.
Kita akan memberikan latar belakang hijau
dan border merah untuk td ini
dengan metode
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(); // mencegah pengiriman formulir
});
