在jQuery中，prop()函數(shù)的設(shè)計目標(biāo)是用于設(shè)置或獲取指定DOM元素(指的是JS對象，Element類型)上的屬性(property)；attr()函數(shù)的設(shè)計目標(biāo)是用于設(shè)置或獲取指定DOM元素所對應(yīng)的文檔節(jié)點上的屬性(attribute)。

2、應(yīng)用版本不同
attr()是jQuery 1.0版本就有的函數(shù)，prop()是jQuery 1.6版本新增的函數(shù)。毫無疑問，在1.6之前，你只能使用attr()函數(shù)；1.6及以后版本，你可以根據(jù)實際需要選擇對應(yīng)的函數(shù)。

3、用于設(shè)置的屬性值類型不同
由于attr()函數(shù)操作的是文檔節(jié)點的屬性，因此設(shè)置的屬性值只能是字符串類型，如果不是字符串類型，也會調(diào)用其toString()方法，將其轉(zhuǎn)為字符串類型。

prop()函數(shù)操作的是JS對象的屬性，因此設(shè)置的屬性值可以為包括數(shù)組和對象在內(nèi)的任意類型。

4、其他細(xì)節(jié)問題
在jQuery 1.6之前，只有attr()函數(shù)可用，該函數(shù)不僅承擔(dān)了attribute的設(shè)置和獲取工作，還同時承擔(dān)了property的設(shè)置和獲取工作。例如：在jQuery 1.6之前，attr()也可以設(shè)置或獲取tagName、className、nodeName、nodeType等DOM元素的property。

直到j(luò)Query 1.6新增prop()函數(shù)，并用來承擔(dān)property的設(shè)置或獲取工作之后，attr()才只用來負(fù)責(zé)attribute的設(shè)置和獲取工作。

此外，對于表單元素的checked、selected、disabled等屬性，在jQuery 1.6之前，attr()獲取這些屬性的返回值為Boolean類型：如果被選中(或禁用)就返回true，否則返回false。

但是從1.6開始，使用attr()獲取這些屬性的返回值為String類型，如果被選中(或禁用)就返回checked、selected或disabled，否則(即元素節(jié)點沒有該屬性)返回undefined。并且，在某些版本中，這些屬性值表示文檔加載時的初始狀態(tài)值，即使之后更改了這些元素的選中(或禁用)狀態(tài)，對應(yīng)的屬性值也不會發(fā)生改變。

因為jQuery認(rèn)為：attribute的checked、selected、disabled就是表示該屬性初始狀態(tài)的值，property的checked、selected、disabled才表示該屬性實時狀態(tài)的值(值為true或false)。

因此，在jQuery 1.6及以后版本中，請使用prop()函數(shù)來設(shè)置或獲取checked、selected、disabled等屬性。對于其它能夠用prop()實現(xiàn)的操作，也盡量使用prop()函數(shù)。

按鈕
  
  
  

// attr / prop
// attr ==> getAttribute() / setAttribute()
// 用于操作 自定義的屬性，對于DOM對象自身的布爾值類型的屬性，只能
// 通過這個兩個方法來設(shè)置或者讀取默認(rèn)值，而不能動態(tài)改變值
//
// prop ==> dom.checked = true;
// 對于 布爾值的屬性（selected/checked/diabled） 都需要通過直接訪問屬性
// 方式來操作（點語法、[]）

大家都知道原生js可以獲取匹配元素的內(nèi)部html和外部html，內(nèi)部是innerHTML，外部是outerHTML，原生js的dom對象是存在這兩個屬性的，

document.getElementById("linkType").outerHTML；

如果用jQuery如何獲取匹配元素（包括自身元素的html）呢？

既然存在這個屬性，我們就可以用$("#linkType").prop("outerHTML")來獲?。?/p>

可以通過$("#linkType").prop("outerHTML",outerHTML)賦值來改變outerHTML的內(nèi)容；

值得注意的是jQuery的attr是獲取不到這個屬性值的。

注意:確認(rèn)或取消選中該復(fù)選框,然后單擊按鈕刷新內(nèi)容。
查看attr() 和 prop() 的值




Check me

jQuery removeProp() 方法

定義和用法
removeProp() 方法移除由 prop() 方法設(shè)置的屬性。

注意：不要使用該方法來移除諸如 style、id 或 checked 之類的 HTML 屬性。請使用 removeAttr() 方法代替。

語法

$(selector).removeProp(property)

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

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

完整實例

添加和刪除屬性

jQuery removeAttr() 方法

定義和用法
removeAttr() 方法從被選元素移除一個或多個屬性。

語法

$(selector).removeAttr(attribute)

實例
從所有的

元素移除樣式屬性：

$("button").click(function(){
  $("p").removeAttr("style");
});

完整實例

這是一個標(biāo)題
這是一個段落。

這是另一個段落。

移除所有P元素的樣式屬性

上述就是小編為大家分享的jquery中prop函數(shù)的用法了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司行業(yè)資訊頻道。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。