JavaScript中Attribute和Property的区别

首先来说一个东西：
假设页面有一个a标签，长这样

<a href="www.xxx.com">

通过JS中的getAttribute()/setAttribute()/removeAttribute()方法或者是JQuery中封装的attr()方法，可以操作的属性只有一个href。

console.log()可以打印出a标签的html元素，就是上面这句代码。
console.dir()可以打印出a标签里面所有的dom属性。

为什么用a标签来举例子呢，因为a标签有特别多的property，但是这么多的property不会显示到html元素中。所有这些属性都可以用js直接点的方式或者JQuery封装的prop()访问，改变过后并不一定会显示在html标签中。比如说图片的src属性，更改过后会显示到html标签中，a标签的href也是。
但是checkbox的checked这个property更改后，复选框的选中状态确实变化了，但是html元素没有任何变化。同样console.dir()可以看到checked的变化。js内部帮我们做了封装，如果checked==true，就是选中状态，反之就是未选中状态。
checkbox同样有个checked的attribute。但是要注意，和上面的只是同名而已。如果页面加载完，checkbox标签，写成下面任何一种方式，都是选中状态

<input type="checkbox" checked="checked">
<input type="checkbox" checked="true">
<input type="checkbox" checked="false">
<input type="checkbox" checked>

也就是说，标签里只要出现了checked，就肯定是选中状态。就算把这个checked这个attribute移除了，选中的状态还是不变，除非把checked这个property改为false。
综上所述，判断复选框的选中状态，纯JS的写法就是checkObj.checked==true，JQuery的写法是$checkObj.prop(“checked”)==true。