jquery中的prop()方法怎麼用

2020-11-24 12:01:20

jquery中的prop()方法的用法:如果要返回屬性的值,使用方法【$(selector).prop(property)】。如果要設定屬性和值,使用方法【$(selector).prop(property,value)】。

環境:

本文適用於所有品牌的電腦。

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

(學習視訊分享:)

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

當該方法用於設定屬性值時,則為匹配元素集合設定一個或多個屬性/值對。

語法:

返回屬性的值:

$(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 - 檢索被選元素的當前屬性值。

範例:

新增並移除名為 "color" 的屬性:

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

相關推薦:

以上就是jquery中的prop()方法怎麼用的詳細內容,更多請關注TW511.COM其它相關文章!