jQuery prop() 方法

jQuery HTML/CSS 方法

prop()方法获取或设置所选元素的属性和值。

当使用prop()方法获取属性值时，它将返回第一个选定元素的值。

使用prop()方法设置属性值时，它将为所有选定元素设置一个或多个属性/值对。

要获取或设置HTML属性，请改用attr()方法。

若要删除属性，请使用removeProp()方法。

语法：

获取属性的值：

$(selector).prop(property)

设置属性和值：

$(selector).prop(property, value)

设置多个属性和值：

$(selector).prop({property:value, property:value, ...})

使用函数设置属性和值

$(selector).prop(property, function(index, currentValue))

实例

获取复选框的checked属性的值：

$("input:checkbox").change(function(){
  $("strong").text($(this).prop("checked"));
});

设置复选框的选中属性的值：

$("button").click(function(){
  $("input:checkbox").prop("checked", true);
});

禁用页面上的所有复选框：

$(document).ready(function(){
  $("input:checkbox").prop("disabled", true);
});

prop()和attr()

prop()和attr()之间的差异在特定情况下可能很重要。

prop()方法提供一种显式检索属性值的方法，而attr()则检索属性。

以下示例显示prop()和attr()之间的区别：

$("input:checkbox").change(function(){
  $(this).prop("checked");
  $(this).attr("checked");
});

参数值

jQuery HTML/CSS 方法