การเปลี่ยนแอตทริบิวต์-คุณสมบัติหนึ่งใน jQuery
สิ่งสำคัญคือไม่ควรสับสนระหว่างคุณสมบัติ (properties) และแอตทริบิวต์ (attributes) ขององค์ประกอบ เมื่อสร้าง DOM tree แอตทริบิวต์จะถูกแปลง เป็น DOM properties ที่สอดคล้องกันขององค์ประกอบ ชื่อ ของพวกมันและค่าของพวกมันไม่ได้ตรงกันเสมอไป
คุณสมบัติบางอย่างอาจไม่มี
แอตทริบิวต์ที่สอดคล้องกัน สำหรับคุณสมบัติเหล่านี้
จำเป็นต้องใช้เมธอด
prop,
ซึ่งรับพารามิเตอร์แรกเป็นชื่อคุณสมบัติ
และพารามิเตอร์ที่สองเป็น true หรือ false
หากตั้งค่าเป็น true - คุณสมบัตินั้นจะถูกตั้งค่า
และหากเป็น false - จะถูกลบออก
ลองพิจารณาตัวอย่างต่อไปนี้ สมมติว่าเรามี input:
<input type="text" id="test">
มาตั้งค่าแอตทริบิวต์
disabled ให้กับ input กัน:
$('#test').prop('disabled', true);
โค้ด HTML จะมีลักษณะดังนี้:
<input type="text" id="test" disabled>
และตอนนี้ ในทางกลับกัน ลองเอา disabled ออก:
$('#test').prop('disabled', false);
โค้ด HTML จะมีลักษณะดังนี้:
<input type="text" id="test">
