用元素属性存储数据 html5 data

所有的元素都有一些默认的属性，这些属性包含属性名和属性值；

我们可以对元素添加自定义的属性，属性名随意取，但是不和系统的属性名一样；

所有的属性值，只能是字符串，不管是系统属性，还是自定义的；

HTML5规定，给元素设置自定义数据属性时，属性名称data开头，但是真正的属性名不包括data-

Eg:data-student属性名称：student

使用jQuery设置数据：$(ele).data({student:“张三”})

使用jQuery拿出数据：$(ele).data(“student”)

<div
id="box"
class="xx"
username="xin">华点软件学院</div>

 

定义和用法

data-* 属性用于存储页面或应用程序的私有自定义数据。

data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。

存储的（自定义）数据能够被页面的 JavaScript 中利用，以创建更好的用户体验（不进行 Ajax 调用或服务器端数据库查询）。

data-* 属性包括两部分：
属性名不应该包含任何大写字母，并且在前缀 "data-" 之后必须有至少一个字符
属性值可以是任意字符串

注释：用户代理会完全忽略前缀为 "data-" 的自定义属性