jquery prop方法 jQuery prop() 方法

jquery prop方法

jQuery prop() 方法用于设置或返回被选元素的属性值。

$(selector).prop(property,value);

prop() 方法可以用来设置或返回任何属性，不只是 HTML 属性。它也可以用来检索 DOM 属性，如文档中的文本内容，表单字段的值，复选框是否被选中等。

prop() 方法与 attr() 方法的区别在于：attr() 方法是用于设置或返回 HTML 属性值，而 prop() 方法是用于设置或返回 DOM 属性值。

例如：当使用 attr() 来读取 checked 状态时，它会返回 checked 字符串；而使用 prop() 返回 true/false 。

$("input").attr("checked"); // 返回 checked  $("input").prop("checked"); // 返回 true/false 

此外，当使用 attr() 来读取 disabled 状态时，它会返回 disabled 字符串或 undefined ；而使用 prop() 返回 true/false 。

$("input").attr("disabled"); // 返回 disabled  $("input").prop("disabled"); // 返回 true/false 

jQuery 1.6 版本开始提供了 prop() 方法来代替 attr() 来读取特性和属性。所以在 jQuery 1.6 版本之后尽量使用 prop() 来代替 attr().

jQuery prop() 方法

jQuery prop() 方法

jQuery HTML/CSS 方法

实例

添加并移除名为 "color" 的属性：

$("button").click(function(){
var $x = $("div");
$x.prop("color","FF0000");
$x.append("The color 属性： " + $x.prop("color"));
$x.removeProp("color");
});

---

定义和用法

prop() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值时，则返回第一个匹配元素的值。

当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。

注意：prop() 方法应该用于检索属性值，例如 DOM 属性（如 tagName、nodeName、defaultChecked）或您自定义的属性。

提示：如需检索 HTML 属性，请使用 attr() 方法代替。

提示：如需移除属性，请使用 removeProp() 方法。

---

语法

返回属性的值：

$(selector).prop(property)

设置属性和值：

$(selector).prop(property,value)

使用函数设置属性和值：

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

设置多个属性和值：

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

参数	描述
property	规定属性的名称。
value	规定属性的值。
function(index,currentvalue)	规定返回要设置的属性值的函数。 index - 检索集合中元素的 index 位置。 currentvalue - 检索被选元素的当前属性值。

---

更多实例

prop() 和 attr() 之间的不同
prop() 和 attr() 可能返回不同的值。本实例演示了当用于返回复选框的 "checked" 状态时的不同。

---

jQuery HTML/CSS 方法