jQuery prop() 方法
實例
添加並移除名為 "color" 的屬性:
$("button").click(function(){
var $x = $("div");
$x.prop("color","FF0000");
$x.append("The color 屬性: " + $x.prop("color"));
$x.removeProp("color");
});
定義和用法
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,...})
參數 | 描述 |
---|---|
property | 規定屬性的名稱。 |
value | 規定屬性的值。 |
function(index,currentvalue) | 規定返回要設置的屬性值的函數。
|

更多實例
prop() 和 attr() 可能返回不同的值。本實例演示了當用於返回複選框的 "checked" 狀態時的不同。