วิธี prop

วิธี prop ช่วยให้สามารถรับและ เปลี่ยนแปลงคุณสมบัติขององค์ประกอบได้ สิ่งสำคัญคือไม่ควรสับสนระหว่างคุณสมบัติและแอตทริบิวต์ขององค์ประกอบ เมื่อสร้างต้นไม้ DOM แอตทริบิวต์จะถูกแปลง เป็นคุณสมบัติ DOM ที่สอดคล้องกันขององค์ประกอบ ชื่อ ของพวกเขาอาจไม่ตรงกันเสมอไป เช่นเดียวกับค่าของพวกเขา คุณสมบัติบางอย่างอาจไม่มี แอตทริบิวต์ที่สอดคล้องกัน พวกเขาสามารถ รับและตั้งค่าได้เฉพาะเมื่อใช้วิธี prop เท่านั้น เช่น คุณสมบัติ tagName สำหรับ การรับแอตทริบิวต์ขององค์ประกอบ ให้ใช้วิธี attr

ไวยากรณ์

การรับค่าคุณสมบัติ:

$(ตัวเลือก).prop(ชื่อคุณสมบัติ);

การเปลี่ยนแปลงค่าคุณสมบัติ:

$(ตัวเลือก).prop(ชื่อคุณสมบัติ, ค่าใหม่);

การเปลี่ยนแปลงค่าของหลายคุณสมบัติ:

$(ตัวเลือก).prop({คุณสมบัติแรก: ค่าใหม่, คุณสมบัติที่สอง: ค่าใหม่, ...});

การใช้ฟังก์ชันกับแต่ละองค์ประกอบในชุด:

$(ตัวเลือก).prop(ชื่อคุณสมบัติ, function(ลำดับในชุด, ค่าปัจจุบันของคุณสมบัติ));

ตัวอย่าง

ในตัวอย่างต่อไปนี้ เราจะรับย่อหน้าตาม id ของมัน และแสดงค่าของคุณสมบัติ className ของมันบนหน้าจอ:

<p id="test" class="aaa">ข้อความ</p>

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

ตัวอย่าง

มาเปลี่ยนคุณสมบัติสำหรับ className และ disabled พร้อมกัน:

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

ดูเพิ่มเติม

วิธี removeProp,
ซึ่งช่วยให้สามารถลบคุณสมบัติขององค์ประกอบได้
วิธี attr,
ซึ่งช่วยให้ทำงานกับแอตทริบิวต์ขององค์ประกอบได้