Latest web development tutorials

jQuery prop() 方法

jQuery HTML/CSS 方法 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屬性(如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) 规定返回要设置的属性值的函数。
  • index- 检索集合中元素的 index 位置。
  • currentvalue- 检索被选元素的当前属性值。


實例

更多實例

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


jQuery HTML/CSS 方法 jQuery HTML/CSS方法