Pemetik text
Pemetik :text memilih input dengan
jenis text. Lihat tag
input.
Oleh kerana :text bukan milik spesifikasi CSS,
untuk prestasi yang lebih baik dalam pelayar moden
gantikannya dengan
[type='text'].
Sintaks
Beginilah cara kami memilih input dengan jenis text:
$(':text');
Seperti pemetik kelas pseudo lain
(bermula dengan ':'), adalah lebih baik
meletakkan nama tag atau pemetik lain sebelum ':',
jika tidak, pemetik '*' akan digunakan,
iaitu $(':text') akan dianggap sebagai
$('*:text'), jadi adalah lebih baik
menggunakan $('input:text').
Perlu diingat bahawa :text juga akan memilih
semua input yang atribut typenya tidak dinyatakan,
perbezaan tingkah laku boleh dilihat pada
contoh berikut:
$('<input>').is('[type=text]'); // mengembalikan false
$('<input>').is(':text'); // mengembalikan true
Contoh
Mari kita pilih semua input dengan jenis text dan
jadikan latarnya hijau dan bingkai merah dengan kaedah
css:
<form>
<input type="button" value="button">
<input type="file">
<input type="checkbox">
<button>button</button>
<input type="reset">
<input type="radio" name="test">
<input type="radio" name="test">
<input type="checkbox">
<input type="text">
</form>
$('form input:text').css({background: 'green', border: '2px red solid'});
$('form').submit(function(event) {
event.preventDefault(); // menghalang penghantaran form
});
