在jQuery中添加属性

Question

如何在jQuery中的特定HTML标签中添加属性？例如，像下面这样的简单HTML：<input id="someid" />然后添加一个属性disable =“ true”，如下所示：<input id="someid" disabled="true" />

Answer 1

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

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

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

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

Answer 2

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

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

删除它，使用 removeProp()

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

Reference

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

Answer 3

您可以使用jQuery的.attr函数来执行此操作，该函数将设置属性。通过.removeAttr功能删除它们。

//.attr()

$("element").attr("id", "newId");

$("element").attr("disabled", true);

//.removeAttr()

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

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