Metode prop

Metode prop memungkinkan untuk mendapatkan dan mengubah properti elemen. Penting untuk tidak membingungkan properti dan atribut elemen. Saat membuat pohon DOM, atribut diterjemahkan menjadi properti DOM elemen yang sesuai. Nama mereka tidak selalu sama, seperti halnya nilai mereka. Beberapa properti juga mungkin tidak memiliki atribut yang sesuai, mereka hanya bisa didapatkan dan diatur dengan menggunakan metode prop, misalnya properti tagName. Untuk mendapatkan atribut elemen, gunakan metode attr.

Sintaks

Mendapatkan nilai properti:

$(selektor).prop(nama properti);

Mengubah nilai properti:

$(selektor).prop(nama properti, nilai baru);

Mengubah nilai beberapa properti:

$(selektor).prop({properti_pertama: nilai_baru, properti_kedua: nilai_baru, ...});

Menerapkan fungsi ke setiap elemen dalam kumpulan:

$(selektor).prop(nama properti, function(nomor dalam kumpulan, nilai properti saat ini));

Contoh

Dalam contoh berikut, kita akan mendapatkan paragraf berdasarkan id-nya dan menampilkan nilai properti className-nya:

<p id="test" class="aaa">teks</p>

let value = $('#test').prop('className');
console.log(value);

Contoh

Mari kita ubah secara bersamaan properti className dan disabled:

<input type="checkbox" class="aaa" id="test" /> $("#test").prop({ className: 'bbb', disabled: 'true' });

Lihat juga

metode removeProp,
yang memungkinkan menghapus properti elemen
metode attr,
yang memungkinkan bekerja dengan atribut elemen