最新的Web開發教程
 

jQuery prop() Method

<jQuery的HTML / CSS方法

添加和刪除一個名為“顏色”的屬性:

$("button").click(function(){
    var $x = $("div");
    $x.prop("color", "FF0000");
    $x.append("The color property: " + $x.prop("color"));
    $x.removeProp("color");
});
試一試»

定義和用法

prop()方法設置或返回選定元素的屬性和值。

當此方法用於返回屬性值,則返回第一個匹配元素的值。

當使用這個方法來設置屬性值,它為匹配的元素集合中的一個或多個屬性/值對。

注: prop()方法應該用於檢索屬性值,例如DOM屬性(如tagName, nodeName, defaultChecked )或您自己定制的屬性。

提示:要檢索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 -接收所述組中的元素的索引位置
  • currentvalue -接收所選元素的當前屬性值

試一試 - 示例

之間差prop()attr()
prop()attr()可能會返回不同的值。 這個例子顯示了用於返回時的差異"checked"複選框的狀態。


<jQuery的HTML / CSS方法