prop()函數和attr()函數區別簡單介紹

prop()函數和attr()函數區別簡單介紹:
這兩個函數都可以獲取或者設置指定元素的屬性值，具體用法這裡就不多介紹，具體可以參閱:
prop()函數可以參閱jQuery的prop()方法一章節。
attr()函數可以參閱jQuery的attr()方法一章節。 
下麵就介紹一下它們兩者之間主要區別:
一.在覆選框和單選框的區別:
以下麵的單選按鈕為例子:

<input type="radio" id="theradio"/>

jQuery代碼如下:

$("#theradio").prop("checked");
$("#theradio").attr("checked");

prop()函數的結果:
1.如果被選中，返回值是true。
2.如果沒有被選中，返回值是false。
attr()函數的結果:
1.如果被選中，返回值是checked。
2.如果沒有被選中，返回值是undefined。
二.在div這種dom元素中的區別:
以下麵的div為例子:

<div id="thediv">螞蟻部落</div>

jQuery代碼如下:

$("#thediv").prop("class"); 
$("#theradio").attr("class");

prop()函數的結果:
1.如果有相應的屬性，返回指定屬性值。
2.如果沒有相應的屬性，返回值是空字元串。
attr()函數的結果:
1.如果有相應的屬性，返回指定屬性值。
2.如果沒有相應的屬性，返回值是undefined。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=11326

更多內容可以參閱:http://www.softwhy.com/jquery/