jquery中如何使用prop()方法

這篇文章主要介紹了jquery中如何使用prop()方法，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

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

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

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

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

語法：

返回屬性的值：

$(selector).prop(property)

設(shè)置屬性和值：

$(selector).prop(property,value)

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

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

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

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

屬性值：

• property    規(guī)定屬性的名稱。

• value    規(guī)定屬性的值。

• function(index,currentvalue)    規(guī)定返回要設(shè)置的屬性值的函數(shù)。

index - 檢索集合中元素的 index 位置。

currentvalue - 檢索被選元素的當(dāng)前屬性值。

示例：

添加并移除名為 "color" 的屬性：

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

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享jquery中如何使用prop()方法內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細(xì)的解決方法等著你來學(xué)習(xí)!