attr与prop的区别

1:当input已经设置了checked属性是，用attr和prop获取的结果是不同的，请自行测试

<input id="uid" type="checkbox" checked="checked" value="1">

<script>
$(function(){
var uid = document.getElementById("uid");
var $uid = $(uid);
console.log( $uid.attr("checked") ); // checked
console.log( $uid.prop("checked") ); // true
})

</script>

2:重新设置其属性之后，attr获取的是原始值，prop获取的是改变之后的值

<input id="uid" type="checkbox" checked="checked" value="1">

<script>
$(function(){
var uid = document.getElementById("uid");
var $uid = $(uid);
$uid.prop("checked", false);
console.log( $uid.attr("checked") ); // checked
console.log( $uid.prop("checked") ); // true
})
</script>