Pilih :submit
Pilih :submit memilih elemen dengan jenis
submit,
yang merupakan butang penghantaran borang.
Biasanya pilih :submit digunakan pada butang
atau elemen input. Perlu diingat bahawa sesetengah
penyemak imbas melihat elemen button sebagai
mempunyai [type='submit'] secara tersirat, manakala
yang lain sebaliknya. Untuk memastikan fungsi yang betul
sentiasa nyatakan sifat type.
Oleh kerana :submit bukan sebahagian daripada spesifikasi CSS,
maka untuk meningkatkan prestasi dalam penyemak imbas
moden, lebih baik gunakan
[type='submit'] sebagai gantinya.
Sintaks
Beginilah kami memilih elemen dengan jenis submit:
$(':submit');
Contoh
Mari, menurut teori yang dinyatakan di atas,
pilih semua elemen dengan jenis submit,
yang merupakan keturunan elemen td.
Kami akan menjadikan latar belakang td ini hijau
dan bingkai merah dengan kaedah
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 penghantaran borang
});