HTML5 增加了一项新功能是 自定义数据属性 ,也就是 data-* 自定义属性。在HTML5中我们可以使用以 data- 为前缀来设置我们需要的自定义属性,来进行一些数据的存放。当然高级浏览器下可通过脚本进行定义和数据存取。在项目实践中非常有用。 在开始之前我们先来看下之前 ...
一 基本概念 在HTML 中添加了data 的方式来自定义属性,所谓data 实际上上就是data 前缀加上自定义的属性名,使用这样的结构可以进行数据存放。使用data 可以解决自定义属性混乱无管理的现状。 二 原生js中自定义属性 ,设置自定义属性 设置自定义属性有如下 种方式。 第一种方式是可以直接在 HTML 标签上面书写: 上面 data weather 就是一个自定义属性,值为 rain ...
2019-09-10 10:44 0 480 推荐指数:
HTML5 增加了一项新功能是 自定义数据属性 ,也就是 data-* 自定义属性。在HTML5中我们可以使用以 data- 为前缀来设置我们需要的自定义属性,来进行一些数据的存放。当然高级浏览器下可通过脚本进行定义和数据存取。在项目实践中非常有用。 在开始之前我们先来看下之前 ...
HTML5 增加了一项新功能是 自定义数据属性 ,也就是 data-* 自定义属性。在HTML5中我们可以使用以 data- 为前缀来设置我们需要的自定义属性,来进行一些数据的存放。当然高级浏览器下可通过脚本进行定义和数据存取。在项目实践中非常有用。 在开始之前我们先来看下 ...
在jQuery的attr与prop提到过在IE9之前版本中如果使用property不当会造成内存泄露问题,而且关于Attribute和Property的区别也让人十分头痛,在HTML5中添加了data-*的方式来自定义属性,所谓data-*实际上上就是data-前缀加上自定义的属性名,使用 ...
data-* 是H5的新属性,用来让开发者对标签添加自定义属性的。 其读写方式有如下几种: 如果是 data-abc 的格式,则采用正常格式 abc 来读写该属性值 <div id="content" data-age="18">html5 ...
//获取自定义属性值 <div id="text" dataObj="我是自定义属性"><div> JQUERY取值:$("#text").attr("dataObj"); 输出:我是自定义属性 //获取data-*值 <div id="text ...
attribute方法存取 data-* 自定义属性的值使用attributes方法存取 data-* 自定义 ...
总结一下:①用data-*设置自定义属性时,出现两个字母以上用" - ...
attribute方法存取 data-* 自定义属性的值使用attributes方法存取 data-* 自定 ...