การเพิ่มคุณสมบัติใน jQuery

ฉันจะเพิ่มคุณสมบัติลงในแท็ก HTML เฉพาะใน jQuery ได้อย่างไร

ตัวอย่างเช่น HTML ง่ายๆนี้:

<input id="someid" />

จากนั้นเพิ่มแอตทริบิวต์ที่ปิดใช้งาน = "จริง" เช่นนี้:

<input id="someid" disabled="true" />

คุณสามารถเพิ่มคุณสมบัติโดยใช้attrเช่น:

$('#someid').attr('name', 'value');

อย่างไรก็ตามสำหรับ DOM คุณสมบัติชอบchecked, disabledและreadonlyวิธีที่เหมาะสมในการทำเช่นนี้ ( ณ JQuery 1.6) propคือการใช้งาน

$('#someid').prop('disabled', true);

ทางออกที่ดีที่สุด:จาก jQuery v1.6 คุณสามารถใช้ prop ()เพื่อเพิ่มคุณสมบัติ

$('#someid').prop('disabled', true);

เพื่อลบออกให้ใช้ removeProp()

$('#someid').removeProp('disabled');

Reference

นอกจากนี้โปรดทราบว่าไม่ควรใช้วิธีการ. RemoveProp () เพื่อตั้งค่าคุณสมบัติเหล่านี้เป็นเท็จ เมื่อลบคุณสมบัติดั้งเดิมแล้วจะไม่สามารถเพิ่มได้อีก ดู .removeProp () สำหรับข้อมูลเพิ่มเติม

คุณสามารถทำได้ด้วย.attrฟังก์ชั่นของ jQuery ซึ่งจะตั้งค่าคุณสมบัติ การลบออกทำได้ผ่าน.removeAttrฟังก์ชั่น

//.attr()
$("element").attr("id", "newId");
$("element").attr("disabled", true);

//.removeAttr()
$("element").removeAttr("id");
$("element").removeAttr("disabled");

$('#someid').attr('disabled', 'true');

$('#someid').attr('disabled', 'true');

$('.some_selector').attr('disabled', true);

เพิ่มคุณสมบัติเป็น:

$('#Selector_id').attr('disabled',true);

นี่อาจเป็นประโยชน์มากขึ้น ....

$("element").prop("id", "modifiedId");
//for boolean
$("element").prop("disabled", true);
//also you can remove attribute
$('#someid').removeProp('disabled');

$('#yourid').prop('disabled', true);

ใช้รหัสนี้ <script> $('#someid').attr('disabled,'true'); </script>