Selektor button
Selektor :button memilih elemen tombol dan
semua elemen dengan tipe button. Lihat
tag button,
input
dengan tipe button.
Ekuivalen dari $(':button') adalah
$('button'), $("input[type='button']").
Karena :button tidak termasuk dalam spesifikasi CSS,
maka untuk meningkatkan performa di browser modern
lebih baik untuk pertama-tama menyaring elemen dengan
menggunakan selektor css murni, kemudian
terapkan .filter(':button').
Sintaks
Beginilah cara kita memilih tombol:
$(':button');
Contoh
Mari, sesuai dengan teori di atas,
pilih semua tombol dan buat latar belakang hijau serta
bingkai merah untuk mereka, dengan menambahkan kelas marked
menggunakan metode
addClass:
<form>
<input type="button" value="button">
<input type="file">
<button>button</button>
<input type="reset">
<input type="radio">
<input type="text">
</form>
.marked {
background-color: green;
border: 2px red solid;
}
$(':button').addClass('marked');
$('form').submit(function(event) {
event.preventDefault(); // mencegah pengiriman formulir
});
