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

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

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

prop() 方法应该用于检索属性值，例如 DOM 属性 ( 如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected )

如果想要检索 HTML 属性，可以使用 attr() 方法代替

如果想要移除属性，可以使用 removeProp() 方法

语法

返回属性的值

$( selector ).prop( property )

设置属性和值：

$( selector ).prop( property,value )

使用函数设置属性和值

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

设置多个属性和值

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

参数

范例

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

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

运行范例 »

更多范例

1. prop() 和 attr() 之间的不同

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