jQuery prop() 方法

2020-08-22 11:08 更新

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() 方法設(shè)置或返回被選元素的屬性和值。

當(dāng)該方法用于返回屬性值時,則返回第一個匹配元素的值。

當(dāng)該方法用于設(shè)置屬性值時,則為匹配元素集合設(shè)置一個或多個屬性/值對。

注意:prop() 方法應(yīng)該用于檢索屬性值,例如 DOM 屬性(如 tagName、nodeName、defaultChecked)或您自定義的屬性。

提示:如需檢索 HTML 屬性,請使用 attr() 方法代替。

提示:如需移除屬性,請使用 removeProp() 方法。


語法

返回屬性的值:

$(selector).prop(property)

設(shè)置屬性和值:

$(selector).prop(property,value)

使用函數(shù)設(shè)置屬性和值:

$(selector).prop(property,function(index,currentvalue))

設(shè)置多個屬性和值:

$(selector).prop({property:value, property:value,...})

參數(shù) 描述
property 規(guī)定屬性的名稱。
value 規(guī)定屬性的值。
function(index,currentvalue) 規(guī)定返回要設(shè)置的屬性值的函數(shù)。
  • index - 檢索集合中元素的 index 位置。
  • currentvalue - 檢索被選元素的當(dāng)前屬性值。


實例

更多實例

prop() 和 attr() 之間的不同
prop() 和 attr() 可能返回不同的值。本實例演示了當(dāng)用于返回復(fù)選框的 "checked" 狀態(tài)時的不同。


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

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號