jQuery设置属性

在jQuery中设置元素的属性或属性值通常可以使用.attr()和.prop()方法。这些方法之间有一些不同之处，并且使用哪一个取决于您正在尝试做什么。

.attr()

.attr()方法用于操作HTML元素的属性。它接受两个参数：属性和值。例如，要将文本输入框的值更改为“Hello World”，可以编写以下代码：

$('#myInput').attr('value', 'Hello World');

注：上面的例子中，“#myInput”是ID选择器，用于选中文本输入框。

.prop()

.prop()方法也用于操作HTML元素的属性，但它通常用于处理布尔值属性，例如checked、disabled、selected等。例如，要将复选框的选中状态更改为选中，可以编写以下代码：

$('#myCheckbox').prop('checked', true);

注：上面的例子中，“#myCheckbox”是ID选择器，用于选中复选框。

示例

以下是一个示例，它将文本输入框的disabled属性设置为true，并将checked属性设置为false，这可以通过以下方式完成：

$('#myInput').attr('disabled', true);
$('#myCheckbox').prop('checked', false);

总结

.attr()和.prop()方法都可以用于设置HTML元素的属性，但是它们之间有些不同。.attr()方法用于设置一般属性，.prop()方法用于处理布尔值属性。使用哪个方法取决于您正在尝试做什么。