html5 提供自定义属性,格式是data-*

可以用来存放数据集

主要有两种方式

1.直接在元素里面设置

<div id="ageId" data-age ="25">   </div>

打印一下结果

var em = $('#ageId').attr('data-age');

console.log(em);

2.利用attr 设置属性

<div id="name" ></div>

var nm = $('#name').attr('data-name','aaa'); //设置属性
var getnm = $('#name').attr('data-name'); //获取属性
console.log(getnm);

转载于:https://www.cnblogs.com/yflbk-2016/p/10560403.html

html5 自定义属性data-*相关推荐

  1. html5自定义属性作用,html5自定义属性:如何获取自定义属性值(附代码)

    这篇文章给大家介绍的内容是关于html5自定义属性:如何获取自定义属性值(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 自定义属性: 在HTML5中我们可以自定义属性,其格 ...

  2. HTML5自定义属性对象Dataset简介(data-xxx)

    文章传送门:HTML5自定义属性对象Dataset简介 相关文章: 翻译-你必须知道的28个HTML5特征.窍门和技术 HTML5终极备忘大全(图片版+文字版)

  3. html元素data属性设置变量,HTML5 自定义属性 data-* 和 jQuery.data 详解

    编辑注:HTML中使用data-xx="xx"开头标记的属性到底有什么用,直接使用xx="xx"不是更简单吗?其实data-xx是HTML5的一个属性,支持通过 ...

  4. 采用HTML5之“data

    周末总是过得很快,又到了跟代码亲密接触的日子,我在北京向各位问好,今天我分享一点关于前端的东西,HTML5之标签"data-*"自定义属性的值传递. 在过去学习JavaScript ...

  5. Web 前沿——HTML5 Form Data 对象的使用(转)

    XMLHttpRequest Level 2 添加了一个新的接口--FormData.利用 FormData 对象,我们可以通过 JavaScript 用一些键值对来模拟一系列表单控件,我们还可以使用 ...

  6. HTML5自定义属性

    :点上面关注免费学习前端知识! HTML5规定可以为元素添加非标准的属性,但要添加前缀 data- ,目的是为元素提供与渲染无关的信息,或者提供语义信息.这些属性可以任意添加.随便命名,只要以 dat ...

  7. Web前沿—HTML5 Form Data 对象的使用

    XMLHttpRequest Level 2 添加了一个新的接口--FormData.利用 FormData 对象,我们可以通过 JavaScript 用一些键值对来模拟一系列表单控件,我们还可以使用 ...

  8. Web 前沿——HTML5 Form Data 对象的使用

    XMLHttpRequest Level 2 添加了一个新的接口--FormData.利用 FormData 对象,我们可以通过 JavaScript 用一些键值对来模拟一系列表单控件,我们还可以使用 ...

  9. html5设置data,HTML5自定义data属性

    可能大家在使用jquery mobile时,经常会看到data-role.data-theme等的使用,比如:通过如下代码即可实现页眉的效果: [html] 我是标题 为什么写一个data-role= ...

最新文章

  1. Vue2.0中引入element-ui
  2. Comet OJ - 模拟赛 #2 Day2
  3. 怎么操作会导致MySQL锁表
  4. 【翻译自mos文章】OGG的集成捕捉模式支持Oracle database标准版么?
  5. 时间戳转换(各种格式的都有,年月日 时分秒 周)
  6. 2019年Linux与开源如何统治技术圈
  7. 杜教筛模板(P4213 【模板】杜教筛(Sum))
  8. 【HDU-2376】Average distance
  9. Linux内核Makefile编译生成内核目标文件的过程
  10. Git使用教程:最详细、最傻瓜、最浅显、真正手把手教!
  11. 计算机网络工程毕业论文题目,计算机网络技术专业毕业论文题目(2)
  12. 用PS做一个简单的相机图标
  13. 五大主流云盘横评对比,百度、腾讯、115、iCloud、OneDrive哪家更值得付费?
  14. 从技术转管理的困惑(转)
  15. andriod studio页面跳转
  16. 实验七 磁盘调度算法的模拟与实现
  17. window.location.href跳转到的页面,获取值
  18. linux网卡配子接口,linux 内核学习(2).
  19. 关于MTU最大传输单元的百科
  20. 肖邦圆舞曲14首 个人赏析

热门文章

  1. java内存区域_JVM学习之—Java内存区域
  2. 计算机信息安全专业留学,2021美国信息安全专业排名Top50大学!
  3. mysql 删除线程_mysql删除阻塞线程
  4. 小程序与云服务器api接口,小程序云函数调用http api进行对云数据库的操作
  5. 九宫格布局_晒图最佳九宫格,你早就该这样拍了!
  6. linux date 小写h,linux date 命令详解[转载]
  7. iwrite提交不了作业_在云端,我们把花样作业pick起来!
  8. centos java服务器搭建_从零开始搭建CentOS 7服务器配置JavaWeb环境
  9. 目前最常用的计算机机箱类型为_服务器按照结构划分有几种类型
  10. spring boot security学习