Pemilih text
Pemilih :text memilih input dengan
tipe text. Lihat tag
input.
Karena :text tidak termasuk dalam spesifikasi CSS,
maka untuk meningkatkan kinerja di browser modern
sebaiknya gunakan [type='text'] sebagai gantinya.
Sintaks
Berikut cara kita memilih input dengan tipe text:
$(':text');
Seperti pemilih kelas semu lainnya
(yang dimulai dengan ':'), sebaiknya berikan nama tag
atau pemilih lain sebelum ':',
jika tidak, pemilih '*' akan diterapkan,
yaitu $(':text') akan dianggap sebagai
$('*:text'), jadi sebagai gantinya sebaiknya
gunakan $('input:text').
Perlu diingat bahwa :text juga akan memilih
semua input yang atribut type-nya tidak ditentukan,
perbedaan perilaku ini dapat dilihat pada contoh
berikut:
$('<input>').is('[type=text]'); // mengembalikan false
$('<input>').is(':text'); // mengembalikan true
Contoh
Mari kita pilih semua input dengan tipe text dan
beri mereka latar belakang hijau dan border merah menggunakan metode
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(); // mencegah pengiriman form
});
