jQuery prop() 方法
示例
新增和刪除名為“color”的屬性
$("button").click(function(){
var $x = $("div");
$x.prop("color", "FF0000");
$x.append("顏色屬性: " + $x.prop("color"));
$x.removeProp("color");
});
自己動手試一試 »
定義和用法
prop() 方法設定或返回所選元素的屬性和值。
當此方法用於返回屬性值時,它將返回第一個匹配元素的值。
當此方法用於設定屬性值時,它將為匹配的元素集設定一個或多個屬性/值對。
注意: prop() 方法應在檢索屬性值時使用,例如 DOM 屬性(如 tagName、nodeName、defaultChecked)或您自己定義的自定義屬性。
提示: 要檢索 HTML 屬性,請改用 attr() 方法。
提示: 要刪除屬性,請使用 removeProp() 方法。
語法
返回屬性的值
$(選擇器).prop(屬性)
設定屬性和值
$(選擇器).prop(屬性,值)
使用函式設定屬性和值
$(選擇器).prop(屬性,function(index,currentvalue))
設定多個屬性和值
$(選擇器).prop({屬性:值, 屬性:值,...})
引數 | 描述 |
---|---|
property | 指定屬性的名稱 |
value | 指定屬性的值 |
function(index,currentvalue) | 指定一個返回要設定的屬性值的函式
|
親手嘗試 - 示例
prop() 和 attr() 之間的區別
prop() 和 attr() 可能返回不同的值。本示例顯示了在用於返回複選框的“checked”狀態時的區別。