ตัวอย่าง
เพิ่มและลบชื่อคุณสมบัติ "สี":
$("button").click(function(){
var $x = $("div");
$x.prop("color", "FF0000");
$x.append("The color property: " + $x.prop("color"));
$x.removeProp("color");
});
ลองตัวเอง» ความหมายและการใช้งาน
prop() ชุดวิธีการหรือผลตอบแทนที่คุณสมบัติและค่าขององค์ประกอบที่เลือก
เมื่อวิธีการนี้จะใช้ในการส่งกลับค่าสถานที่ให้บริการก็จะส่งกลับค่าขององค์ประกอบการจับคู่ครั้งแรก
เมื่อวิธีการนี้ถูกนำมาใช้ในการตั้งค่าคุณสมบัติที่จะกำหนดคุณสมบัติคู่หนึ่งหรือมากกว่า / ค่าสำหรับชุดขององค์ประกอบที่ตรงกัน
หมายเหตุ: prop() วิธีการที่ควรจะใช้เพื่อดึงค่าทรัพย์สินเช่น DOM คุณสมบัติ (เช่น tagName, nodeName, defaultChecked ) หรือคุณสมบัติของคุณกำหนดเองทำ
เคล็ดลับ: การดึงคุณลักษณะ HTML ใช้ attr() วิธีการแทน
เคล็ดลับ: ในการลบการใช้ทรัพย์สิน removeProp() วิธีการ
วากยสัมพันธ์
กลับมูลค่าของทรัพย์สินที่:
$(selector).prop(property)
ตั้งค่าคุณสมบัติและความคุ้มค่า:
$(selector).prop(property,value)
ตั้งค่าคุณสมบัติและความคุ้มค่าการใช้ฟังก์ชั่น:
$(selector).prop(property,function(index,currentvalue ))
การตั้งค่าคุณสมบัติและค่าหลาย:
$(selector).prop({property:value,property:value,...})
| พารามิเตอร์ | ลักษณะ |
|---|---|
| property | ระบุชื่อของสถานที่ให้บริการ |
| value | ระบุค่าของทรัพย์สิน |
| function(index,currentvalue) | ฟังก์ชั่นระบุที่ส่งกลับค่าของคุณสมบัติการตั้งค่า
|
ลองตัวเอง - ตัวอย่าง
ความแตกต่างระหว่าง prop() และ attr()
prop() และ attr() อาจส่งคืนค่าที่แตกต่าง ตัวอย่างนี้แสดงให้เห็นถึงความแตกต่างเมื่อนำมาใช้จะกลับมา "checked" สถานะของช่องทำเครื่องหมาย