jQuery中，data()、prop()、attr() 三者区别

先来介绍下三个属性

• .attr();基于setAttbute和getAttbute，读写元素自定义属性。（注：像class、chacked、selected、disablad这种属性推荐用prop）
  • 可以操作任何属性，设置属性值会映射到dom行间样式
• .prop();用于读写元素的特性属性。(注：()里面填属性值，第二个参数可修改属性，如.prop(‘checked’,true);）
  • 只可以操作特性，设置特性值会映射到dom行间样式
• .data()
  • 可以往jQuery对象中存取信息，会与dom信息形成映射（即给某个元素设置data属性后，就可以通过这个元素获取到这个属性）
  • 可以获取到dom元素行间样式上以data-开头的数据
  • 设置的数据会与dom信息形成映射，但是不会映射到dom的行间样式上（即信息会形成映射，但不会操作dom）
  • 如果设置特性，如class，只会形成一个为data属性的class，并不会改变dom元素的class
  • clone()也会克隆到data的属性值

data()、prop()、attr() 三者区别

• prop()是读取元素的特性（原来的 dom.特性 不可使用），映射到行间样式
• attr()读取元素属性（包括特性），映射到行间样式
• data()读取自定义属性
  • 读取元素上以data-开头的属性
  • 读取自定义的data属性
  • 不会映射到行间，但与dom信息形成映射