在jQuery中添加属性

如何在jQuery中的特定HTML标签中添加属性？

例如，像下面这样的简单HTML：

<input id="someid" />

然后添加一个属性disable =“ true”，如下所示：

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

您可以attr像这样添加属性：

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

但是，对于像和这样的DOM属性checked，执行此操作的正确方法（从JQuery 1.6开始）是使用。disabledreadonlyprop

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

最佳解决方案：从jQuery v1.6开始，您可以使用 prop（）添加属性

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

删除它，使用 removeProp()

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

Reference

另请注意，不应使用.removeProp（）方法将这些属性设置为false。一旦删除本机属性，就无法再次添加。有关更多信息，请参见.removeProp（）。

您可以使用jQuery的.attr函数来执行此操作，该函数将设置属性。通过.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>