Як я можу додати атрибут до конкретних тегів HTML у jQuery?
Наприклад, як цей простий HTML:
<input id="someid" />
Потім додайте атрибут disabled = "true", як це:
<input id="someid" disabled="true" />
Як я можу додати атрибут до конкретних тегів HTML у jQuery?
Наприклад, як цей простий HTML:
<input id="someid" />
Потім додайте атрибут disabled = "true", як це:
<input id="someid" disabled="true" />
Відповіді:
Ви можете додати атрибути, використовуючи attr
так:
$('#someid').attr('name', 'value');
Однак для DOM властивостей, як checked
, disabled
і readonly
, правильний спосіб зробити це (як у JQuery 1.6) - це використовувати prop
.
$('#someid').prop('disabled', true);
$('#someid').prop('disabled', true);
не працює, але $('#someid').attr('disabled', true);
працює чудово.
attr
або prop
, важливо розуміти різницю між властивостями і атрибутами. Не розуміючи різниці, ви, швидше за все, зіткнетеся з несподіваною поведінкою. Дивіться stackoverflow.com/a/6004028/3367343
найкраще рішення: з jQuery v1.6 ви можете використовувати prop () для додавання властивості
$('#someid').prop('disabled', true);
щоб видалити його, використовуйте removeProp()
$('#someid').removeProp('disabled');
Також зауважте, що метод .removeProp () не повинен використовуватися для встановлення цих властивостей на значення false. Після видалення нативного ресурсу його більше не можна додати. Див. .RemoveProp () для отримання додаткової інформації.
Це можна зробити за допомогою .attr
функції jQuery , яка буде встановлювати атрибути. Видалення їх здійснюється за допомогою .removeAttr
функції.
//.attr()
$("element").attr("id", "newId");
$("element").attr("disabled", true);
//.removeAttr()
$("element").removeAttr("id");
$("element").removeAttr("disabled");
$('#someid').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');
.attr()
для встановлення чи читання. Дивіться параграф "Атрибути проти властивостей" під .prop () та .attr () в документах jQuery. Також дивіться відповідь Пола Розанія вище.
$('#yourid').prop('disabled', true);
використовувати цей код <script> $('#someid').attr('disabled,'true'); </script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Текст усередині символу $ виберіть увесь елемент з id = someid, вимкнено атрибут цього зміни ідентифікатора на істинний