【html5——自定义属性】的更多相关文章

HTML5自定义属性对象Dataset简介

一.html5 自定义属性介绍 我之前翻译的“你必须知道的28个HTML5特征.窍门和技术”一文中对于HTML5中自定义合法属性data-已经做过些介绍,就是在HTML5中我们可以使用data-前缀设置我们需要的自定义属性,来进行一些数据的存放,例如我们要在一个文字按钮上存放相对应的id: <a href="javascript:" data-id="2312">测试</a> 这里的data-前缀就被称为data属性,其可以通过脚本进行定义,…

Jquery 操作HTML5自定义属性data-*

HTML5自定义属性规范的写法<a data-roleid="12"></a>,也可以直接写<a roleid="12"></a>,但是这样写很容易被其他脚本过滤掉了,实际上也不符合HTML规范 jQuery获取自定义属性值方法: $('a').data('roleid')  ,或者直接这样写也行:$('a').attr('data-roleid')…

HTML5 自定义属性 data-*属性名一定要小写吗？

最近学习 javascript ,参考书籍是< javascript 高级程序设计>第三版,在介绍自定义元素属性时书中给出了一个例子,如下:<div id="myDiv" data-appId="12345" data-myname="Nicholas"></div> 理想情况下可以通过 myDiv.dataset.appId, myDiv.dataset.myname 访问数据,但是在实际测试的时候发现 ap…

HTML5自定义属性操作

一.自定义属性(html5标准)data-属性名称="属性值" 自定义属性的名称驼峰式命名规则需要用-隔开 自定义属性名称如果连在一起写,大写会自动转为小写 data-user="eric"======>属性名称是user data-user-name="eric"===>属性名称是userName data-userName="eric"=====>属性名称是username 二.jquery的方式操作自定…

HTML5自定义属性之data-*

HTML5 增加了一项新功能是 自定义数据属性 ,也就是  data-* 自定义属性.在HTML5中我们可以使用以 data- 为前缀来设置我们需要的自定义属性,来进行一些数据的存放.当然高级浏览器下可通过脚本进行定义和数据存取.在项目实践中非常有用. <input type="button" value="按钮" data-index="10" data-index-color="red" > 在开始之前我们先来…

HTML5 自定义属性 data-*介绍

在HTML5之前HTML4我们也可以自定义属性通过setAttribute去设置或者直接写在HTML标签里面那么HTML5新增data-*(*可以替换成你喜欢的任意名字)属性有什么用呢? 更便的捷操作 我们先来给大家介绍一下HTML5 dataset属性,他会以键值对的形式返回你所有以data- 开头的自定义属性 <p class="test" data-name="cqs" data-age="25" ></p> <…

HTML5 自定义属性

先声明  HTML5的自定义属性浏览器支持性不太好   目前只有firefox6+和chrome浏览器支持 元素除了自带的属性外 另外也可以加自定义属性   不过需要在前面加上data- 下面举个例子 <div class="btn user" data-appid='我是自定义属性的值'>我是div</div> 怎样获得   和更改自定义属性呢?  通过dataset属性 console.log(document.compatMode) var div=doc…

HTML5自定义属性的设置与获取

<div id="box" aaa="bbb" data-info="hello"></div> <body> <script> var box = document.getElementsByTagName("div")[0]; console.log(box.dataset['info']); console.log(box.id);//box console.log(box…

html5——自定义属性

自定义属性:添加前缀"data-" dataset属性:添加自定义属性后,通过元素的dataset属性来访问自定义属性的值(属性名没有data-前缀) data-name:dataset.name data-name-first:dataset.nameFirst html结构: <div id="div1" data-name="china" data-name-all="chinese">div</div…

HTML5 自定义属性 data-* 和 jQuery.data 详解

新的HTML5标准允许你在普通的元素标签里,嵌入类似data-*的属性,来实现一些简单数据的存取.它的数量不受限制,并且也能由javascript动态修改,也支持CSS选择器进行样式设置.这使得data属性特别灵活,也非常强大.有了这样的属性我们能够更加有序直观的进行数据预设或存储.下面介绍HTML5 Dataset 存储的实际应用,以及包括jQuery在内的四种存取方式. HTML5 Dataset 存储的例子 为一个元素分配data属性存储数据,例如这是一个span元素,它的内容是一首音乐的…