DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 關於jQuery中.attr()和.prop()的問題探討
關於jQuery中.attr()和.prop()的問題探討
編輯:JQuery特效代碼     
話說寫了幾句代碼在ie8上能正常運行,chrome和ff卻不行,朋友說這就是RP啊,郁悶!

其實功能需求是這樣的,兩個radio:男和女,一個button:重置。啟動頁面默認選中男,在用戶選擇女之後又點擊重置按鈕,需要恢復到默認狀態。
. 代碼如下:
<input type="radio" id="hRdMale" checked="checked" name="sex" value="male" /><label for="hRdMale">男</label>
<input type="radio" id="hRdFemale" name="sex" value="female" /><label for="hRdFemale">女</label>
<button id="reSet">重置</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);
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved