您好,欢迎来到爱玩科技网。
搜索
您的当前位置:首页用元素属性存储数据 html5 data

用元素属性存储数据 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-" 的自定义属性

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- aiwanbo.com 版权所有 赣ICP备2024042808号-3

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务