jQuery不顯示.attr（'checked'）

Question

爲什麼jQuery不返回'checked'屬性的值？

它總是返回'checked'，不管它是什麼。

<div id='div' checked='checked_value'></div> 
<script> 
    var attr_value = $('#div').attr('checked'); 
    alert(attr_value); 
    // attr_value == 'checked' no matter what 
</script> 

http://jsfiddle.net/BbRmH/2/

這是好的，在1.4，但是當我升級到1.8它完全搞砸我的代碼。我使用checked屬性很多。

Answer 1

相信在較新版本的jQuery的正確的語法是 -

$("element").prop('checked'); 

屬性和特性之間的差異可以在特定情況下非常重要。在jQuery 1.6之前，.attr()方法在檢索某些屬性時有時會考慮屬性值，這可能會導致行爲不一致。從jQuery 1.6開始，.prop（）方法提供了顯式檢索屬性值的方法，而.attr（）檢索屬性。

• prop()

---

我相信然而，你可能會錯誤地使用該屬性。通常，人們只會測試checked選擇器的存在。實際上只能有兩種狀態。選中並取消選中。通常，人們會使用類似的東西 -

$('.groupOfCheckboxes:checked') 

這將返回所有匹配的複選框的列表。您還在<div>元素上使用了此屬性。這不是有效的HTML。如果你想在瀏覽器中獲得最一致的結果，你應該堅持有效的標記。