jQuery prop() 方法
實例
添加並移除名為"color" 的屬性:
$("button").click(function(){
var $x = $("div");
$x.prop("color","FF0000");
$x.append("The color 属性: " + $x.prop("color"));
$x.removeProp("color");
});
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()之間的不同
prop() 和attr() 可能返回不同的值。 本實例演示了當用於返回複選框的"checked" 狀態時的不同。