所有的元素都有一些默认的属性,这些属性包含属性名和属性值;
我们可以对元素添加自定义的属性,属性名随意取,但是不和系统的属性名一样;
所有的属性值,只能是字符串,不管是系统属性,还是自定义的;
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-" 的自定义属性