Thêm thuộc tính trong jQuery

Làm cách nào tôi có thể thêm một thuộc tính vào các thẻ HTML cụ thể trong jQuery?

Ví dụ, như HTML đơn giản này:

<input id="someid" />

Sau đó, thêm một thuộc tính bị vô hiệu hóa = "true" như thế này:

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

Bạn có thể thêm các thuộc tính bằng cách sử dụng attrnhư vậy:

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

Tuy nhiên, đối với các thuộc tính DOM như checked, disabledvà readonly, cách thích hợp để làm điều này (kể từ JQuery 1.6) là sử dụng prop.

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

Giải pháp tốt nhất: từ jQuery v1.6, bạn có thể sử dụng prop () để thêm thuộc tính

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

để loại bỏ nó, sử dụng removeProp()

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

Reference

Cũng lưu ý rằng không nên sử dụng phương thức .removeProp () để đặt các thuộc tính này thành false. Khi một thuộc tính gốc được loại bỏ, nó không thể được thêm lại. Xem .removeProp () để biết thêm thông tin.

Bạn có thể làm điều này với .attrchức năng của jQuery , nó sẽ đặt các thuộc tính. Loại bỏ chúng được thực hiện thông qua .removeAttrchức năng.

//.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);

Thêm thuộc tính là:

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

Điều này có thể hữu ích hơn ....

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

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

sử dụng mã này <script> $('#someid').attr('disabled,'true'); </script>