jq:prop()、attr()、data()异同

attr()方法:
1、JS中getAttribute()和setAttribute()方法的集成体，用法最为常规，通过attr()方法获得的属性，在HTML页面检查元素中都可以看到该属性；
2、attr()的设计目标是用于设置或获取指定DOM元素所对应的文档节点上的属性(attribute)；
3、设置的属性值只能是字符串类型；
4、attr()返回的是字符串。

prop()方法：
1、比较安全和隐秘的方法，设置属性和获得属性与attr()方法一致的用法；
2、prop()在对radio,select,checkbox进行选中属性操作的时候，值为true/false；
3、prop()的设计目标用于设置或获取指定DOM元素(指的是JS对象，Element类型)上的属性(property)；
4、prop()操作的是js对象的属性，设置的属性值可以为包括数组和对象在内的任意类型；
5、prop()可以返回很多类型。

data()方法：
1、更为安全、隐秘的方法，属性名称前面加上data-；
2、data()设置值后，attr()不能获取设置后的值。

从性能上对比，.prop() > .data() > .attr()，不同浏览器不同版本.data()和.attr()的性能关系有差异，不过.prop()总是最优的。