在jQuery中添加属性

Question

如何在jQuery中将属性添加到特定的HTML标记中？

例如,像这个简单的HTML:

<input id="someid" />

然后添加一个属性disabled ="true",如下所示:

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

Answer 1

您可以使用attr如下方式添加属性:

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

然而,对于DOM属性,如checked,disabled和readonly,要做到这一点(在jQuery 1.6),正确的方法是使用prop.

$('#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");

Answer 4

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

Answer 5

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