jquery中的prop()方法怎麼用

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

本教學操作環境：windows10系統、jquery2.2.4版本，此方法適用於所有品牌電腦。

jquery中的prop()方法的用法：

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

（學習影片分享：javascript影片教學）

當方法用於傳回屬性值時，則傳回第一個符合元素的值。

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

語法：

傳回屬性的值：

$(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");});

相關推薦：js教學

以上是jquery中的prop()方法怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！