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

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

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

    DOM标准     (一)核心DOM 可以操作一切结构化文档的API,包括HTML和XML,核心DOM是万能的,但又是繁琐的. (二)HTML DOM 专门操作HTML文档的简化版DOM API,仅对常用的复杂的API进行了简化,HTML DOM不是万能的,但更加简单. 注意:在开发中先使用简单的,简单的不行再使用复杂的进行补充,以实现效果为目标. 自定义属性的操作 一.获取属性值 element.属性 获取属性值 element.getAttribute('属性');  获取自定义属性…

HTML5文件操作API       一.文件操作API 在之前我们操作本地文件都是使用flash.silverlight或者第三方的activeX插件等技术,由于使用了这些技术后就很难进行跨平台.或者跨浏览器.跨设备等情况下实现统一的表现,从另外一个角度来说就是让我们的web应用依赖了第三方的插件,而不是很独立. 在HTML5标准中,默认提供了操作文件的API让这一切直接标准化.有了操作文件的API,让我们的Web应用可以很轻松的通过JS来控制文件的读取.写入.文件夹.文件等一系列的操作.接下…

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

一.获取DOM的方式 ①通过类名获取元素,以伪数组形式存在 document.getElementsByClassName("class"); ②通过css选择器获取元素,符合匹配条件的第1个元素 document.querySelector("selector"); ③通过css选择器获取元素,以伪数组形式存在 document.querySelectorAll("selector"); 二.jQuery操作类的方法(参考文章jQuery相关方…

自定义属性操作     element.属性 获取内置属性值     element.getAttribute("属性") 我们自己添加的属性叫自定义属性     element.setAttribute("属性","值") 主要针对与自定义属性     移除属性     element.removeAttrribute("属性") <div id="box" index='7' class=&quo…

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

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