prop()與attr()區別

關於標題中兩個方法的基本用法可以參閱以下兩篇文章:

（1）.prop()方法一章節。

（2）.attr()方法一章節。

這兩個方法的本質區別其實就是attribute和property區別。

一.在核取方塊和單選框的區別:

[HTML] 純文字檢視 複製程式碼
<input type="radio" id="rd"/>

jQuery操作程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
$("#rd").prop("checked");
$("#rd").attr("checked");

prop()函式的結果:

（1）.如果被選中，返回值是true。

（2）.如果沒有被選中，返回值是false。

attr()函式的結果:

（1）.如果被選中，返回值是checked。

（2）.如果沒有被選中，返回值是undefined。

二.在div類似dom元素中的區別:

[HTML] 純文字檢視 複製程式碼
<div id="ant">螞蟻部落</div>

jQuery操作程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
$("#ant").prop("class"); 
$("#ant").attr("class");

prop()函式的結果:

（1）.如果有相應的屬性，返回指定屬性值。

（2）.如果沒有相應的屬性，返回值是空字串。

attr()函式的結果:

（1）.如果有相應的屬性，返回指定屬性值。

（2）.如果沒有相應的屬性，返回值是undefined。