關於jQuery中.attr()和.prop()的問題探討_jquery

話說寫了幾句程式碼在ie8上能正常運行，chrome和ff卻不行，朋友說這就是RP啊，鬱悶！

其實功能需求是這樣的，兩個radio：男和女，一個button：重置。啟動頁面預設選取男，在使用者選擇女之後又點選重置按鈕，需要恢復到預設狀態。

複製程式碼 程式碼如下:

男
女
重設

我的js程式碼是這樣的：

複製程式碼 程式碼如下:

$("#reSet"). click(function() {
　　$("input[name='sex']:first").attr("checked",true);
});

結果就是開頭提到的樣子，問了幾個人都說不清楚，後來查了API後知道在jQuery1.6 的版本中添加了.prop()的方法，貌似和.attr()沒什麼區別，都可以用來取得和設定屬性值。後來又了解到.prop()方法適用於Boolean值的屬性，官方解釋selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 以及defaultSelected 等屬性需使用.prop()方法。另外，看網上還有好多說“添加屬性名稱該屬性就會生效應該使用.prop()”，本人沒驗證其他屬性，倒是"checked"屬性的確是添加就生效。所以，紅色的兩點應該就是.attr()和.prop()的差別所在了。

所以，將上面click事件方法裡面的程式碼改成下面的就OK了。

複製程式碼 程式碼如下:

$("input[name='sex']: first").prop("checked",true);