Pilih Input
Pilih :input memilih elemen kawalan
borang - input, textarea, senarai juntai bawah dan
butang. Lihat tag:
input,
textarea,
button,
select.
Oleh kerana :input tidak tergolong dalam spesifikasi CSS,
maka untuk meningkatkan prestasi dalam
pelayar moden, lebih baik terlebih dahulu menapis elemen dengan
menggunakan pemilih css tulen, dan kemudian
mengaplikasikan .filter(':input').
Sintaks
Beginilah kami memilih elemen kawalan borang:
$(':input');
Contoh
Mari, menurut teori yang dinyatakan di atas,
pilih semua elemen kawalan borang dan output
dalam konsol bilangan mereka, dengan menggunakan sifat
length. Kami
akan melihat bahawa semua 13 tag termasuk:
<form>
<input type="button" value="button">
<input type="checkbox">
<input type="file">
<input type="hidden">
<input type="image">
<input type="password">
<input type="radio">
<input type="reset">
<input type="submit">
<input type="text">
<select>
<option>option</option>
</select>
<textarea></textarea>
<button>button</button>
</form>
textarea {
height: 25px;
}
let allInputs = $(':input');
console.log('Bilangan Tag: ' + allInputs.length);
$('form').submit(function(event) {
event.preventDefault(); // menghalang penghantaran borang
});
