HTML5中自定义属性（data-*）

【HTML5中自定义属性（data-*）】的更多相关文章

HTML5中自定义属性（data-*）

在HTML元素上直接添加以‘data-’开头的属性,例如 <div data-mydata='this is my data'></div> 操作它的方式有classList 和dataset,见我另一篇博客: 链接:https://www.cnblogs.com/yummylucky/p/10685650.html dataset 与 getAttribute/setAttribute 的区别是: dataset 只可以操作 ‘data-’ 开头的自定义属性,而 getAttri…

jQuery中使用data()方法读取HTML5自定义属性data-*实例

如果你使用jQuery类库,那么你可以非常愉悦的使用jquery的data()方法存取data-* 自定义属性,方法允许我们在DOM元素上绑定任意类型的数据,避免了循环引用的内存泄漏风险主要的方法如下: 复制代码代码如下: .data( key, value ).data( obj ).data( key ).data() 从jQuery 1.4.3起, HTML 5 data- 属性将自动被引用到jQuery的数据对象中.例如HTML: 复制代码代码如下: <div data-role =…

HTML5中的data-*属性和jQuery中的.data()方法使用

原文地址链接:http://blog.csdn.net/fly_zxy/article/details/50687691: HTML5中的data-*属性我们往往会根据需要在HTML标记上添加自定义的属性来存储和操作数据,我们自定义的属性名字也千奇百怪,五花八门.我们可以通过原生的getAttribute()或jQuery中的.attr()来获取我们自定义的属性.但是前端技术在向着规范化前进.HTML5标准规定,自定义的属性都已data—*开头,这样就区分开了固有属性和自定义属性.HTML代码…

HTML5中的数据集dataset和自定义属性data-*

在html5中可为所有元素添加一种自定义的属性,这种属性的前缀以data-开头,比如:data-name,目的是为元素提供与页面渲染无关,但与dom元素强相关的属性.添加完自定义属性后我们可以通过元素的dataset属性来访问其值. dataset与getAttribute/setAttribute的对比在此之前的访问属性的方式我们用getAttribute/setAttribute html 结构: <div id='div' name='divName'>我是div</div>…

HTML5中的自定义属性data-*

在html5中,给元素添加自定义属性需要用到data-*,比如data-name,添加完data-自定义属性之后通过元素的dataset属性来访问其值. dataset与getAttribute/setAttribute的对比在此之前的访问属性的方式我们用getAttribute/setAttribute html 结构: <div id='div' name='divName'>我是div</div> javascript结构: var div = document.getEl…

转：HTML5中的element.dataset

使用HTML5中的 element.dataset 操作自定义 data-* 数据: 不久之前我向大家展示了非常有用的classList API,它是一种HTML5里提供的原生的对页面元素的CSS类进行增.删改的接口,完全可以替代jQuery里的那些CSS类操作方法.而另外一个非常有用的API就是 element.dataset API,从火狐6和Chrome8起就开始对它有了支持.这个简单的API能够让用户get或setHTML页面元素上的data-*属性.下面我们来看看它是如何使用的! 想必…

html5中canvas的使用获取鼠标点击页面上某点的RGB

1.html5中的canvas在IE9中可以跑起来.在IE8则跑不起来,这时候就需要一些东西了. 我推荐这种方法,这样显得代码不乱.  需要谷歌的一个html5.js的文件即可. 注意:必须插入在<head></he…

关于H5中自定义属性的设置和获取

自定义数据属性是在HTML5中新加入的一个特性.简单来说,自定义数据属性规范规定任何以data-开头属性名并且赋值.自定义数据属性是为了保存页面或者应用程序的私有自定义数据,这些自定义数据属性保存进DOM中,对于整个DOM的布局和表现无任何影响,但是却可以方便操控整个网页的交互以及想要表达的效果. 比如我们想要统计一个页面玩家的排行榜,但是DOM页面的原生标签并没有提供这样的一个类似的属性.这时,就可以创建一个data-rank数据属性,保存玩家的分数,利用JS去控制属性的赋值以及逻辑分析,最终…

HTML5中的Blob对象的使用

HTML5中的Blob对象和MYSQL中的BLOB类型在概念上是有点区别的.MYSQL中的BLOB类型就只是个二进制数据容器.而HTML5中的Blob对象除了存放二进制数据外还可以设置这个数据的MINE类型,这相当于对文件的储存,其它很多二进制对象也是从这个对象继承的. 在稍低版本的现代浏览器中,这个Blob对象还没规范化,因此需要BlobBuilder之类的方式来创建.但是现在Blob已经规范到可以直接new它的构造器Blob来创建了,而且浏览器几乎都已经支持了这个方式,所以对于旧标准咱就没必…

使用 Razor 生成 HTML5 中的 data- 属性

在 HTML5 中, 可以使用 data- 属性来表示用户数据,这些数据甚至可以是 JSON 格式的数据,对 Web 前端开发带来很大的方便. 在 MVC 的 Razor 中,可以使用匿名对象来生成定制的属性,不过,这样的属性可不能通过 Razor 的语法检查. } 编译器会直接报告错误. The name 'data' does not exist in the current context ,原因很简单,把 - 号当作运算符了.其实,HtmlHelper 提供的方法 Anonymo…