Contoh
Menambah dan menghapus properti bernama "warna":
$("button").click(function(){
var $x = $("div");
$x.prop("color", "FF0000");
$x.append("The color property: " + $x.prop("color"));
$x.removeProp("color");
});
Cobalah sendiri " Definisi dan Penggunaan
The prop() metode set atau mengembalikan sifat dan nilai-nilai dari elemen yang dipilih.
Ketika metode ini digunakan untuk mengembalikan nilai properti, ia mengembalikan nilai dari elemen cocok PERTAMA.
Ketika metode ini digunakan untuk mengatur nilai properti, ia menetapkan satu atau lebih pasangan properti / nilai untuk set elemen cocok.
Catatan: prop() metode harus digunakan untuk mengambil nilai properti, misalnya DOM sifat (seperti tagName, nodeName, defaultChecked ) atau custom made sendiri properti Anda.
Tip: Untuk mengambil atribut HTML, menggunakan attr() metode sebagai gantinya.
Tip: Untuk menghapus penggunaan properti removeProp() metode.
Sintaksis
Mengembalikan nilai dari properti:
$(selector).prop(property)
Mengatur properti dan nilai:
$(selector).prop(property,value)
Set properti dan nilai menggunakan fungsi:
$(selector).prop(property,function(index,currentvalue ))
Mengatur beberapa properti dan nilai-nilai:
$(selector).prop({property:value,property:value,...})
| Parameter | Deskripsi |
|---|---|
| property | Menentukan nama properti |
| value | Menentukan nilai properti |
| function(index,currentvalue) | Menentukan fungsi yang mengembalikan nilai properti untuk mengatur
|
Coba Sendiri - Contoh
Perbedaan antara prop() dan attr()
prop() dan attr() mungkin kembali nilai-nilai yang berbeda. Contoh ini menunjukkan perbedaan bila digunakan untuk mengembalikan "checked" status kotak centang.