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() 可能返回不同的值。本實例演示了當用於返回複選框的 "checked" 狀態時的不同。


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