最近在写到一个checkbox的效果时，在使用attr和prop这两个方法中出了问题。那么这两个方法有什么区别呢。
首先我们想到的是去看api，一打开api，晕乎了，什么属性啊、特性啊啥的，一会给绕蒙了，现在就把我的一个简单理解在这里写出来。
1.对于html元素自身固有的属性，我们使用prop，这里强调一个“有”，即html元素本身拥有这个属性，但这html标记中可以没有写出来，也可以写出来了；
<input type="checkbox" id="test"/>
比如上面代码中，checkbox中仅给出了type和id两个属性，但checkbox本身不仅有这两个属性，比如还有class、checked等属性，这个时候，我们如果要获取这些属性，就需要使用prop；
2.对于在html中自定义的属性，我们就使用attr，即然是自定义的，那肯定是在html标记中写了出来，就可以使用attr，这个时候我们可以这么理解，只要在html标记中写出来的属性，我们就可以使用attr来获取，没有写出来的属性，就不能使用attr。
<input type="checkbox" id="test" customtag="data-src"/>
上述代码中，checkbox中，有type、id这两个checkbox本身固有的属性，我们可以通过attr获取到，还有一个自定义的customtag属性，我们也可以使用attr获取到，本书固有的两个属性type和id，通过prop也可以获取到，而自定义的customtag通过prop就获取不到了。
到这里，attr和prop的区别已经通过大白话说的差不多了，对于api中给出的解释，太绕了。附上(官网的打不开了，给附上翻译过的吧)：
