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

【Jquery 操作HTML5自定义属性data-*】的更多相关文章

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

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

.mm{width:256px; height:200px;} .mm[data-name='张含韵']{background:url(http://image.zhangxinxu.com/image/study/s/s256/mm1.jpg) no-repeat;} .mm[data-name='undefined']{background:url(http://image.zhangxinxu.com/image/study/s/s256/mm3.jpg) no-repeat;} HTML…

jQuery 操作 html5 data-* 属性

Html 部分: <a class="nav-item" href="javascript: void(0)" data-id="{{$item->aae_id}}" data-title="{{$item->aae001}}" data-href="{{$item->aae005_note}}" data-icon-cls="{{$item->aae006}}&qu…

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

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

HTML5数据存储方案data与jQuery数据存储方案$.data()的区别

我们先看下$.fn.data()的使用,这个和$.data()是不一样的,前者是和某个jquery对象相关,后者则是全局方法.主要有data()和removeData()这2个实例方法.通过下面的例子和执行结果可以看到:$.fn.data()和$.fn.removeData()跟$.data的使用方式没有什么差别. // 支持任何数据类型 2. $( "body" ).data( "name", "xx" ); 3. $( "body&…

HTML5自定义属性操作

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

总结Jquery中获取自定义属性使用.attr()和.data()以及.prop()的区别

一..attr()和.data()的区别: .attr()和.data()本质上属于DOM属性和Jquery对象属性的区别. 看一个例子: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Jquery中.attr和.data的区别</title> </head> <body> <p id="app&quo…

HTML5自定义属性对象Dataset简介

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

JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记3

技术很多,例子很多,只好慢慢学,慢慢实践!!现在学的这本书是[JavaScript实战----JavaScript.jQuery.HTML5.Node.js实例大全] JavaScript.jQuery.HTML5.Node.js实例大全-读书笔记2 3.3 响应鼠标动作图3-2的效果已经有了,需要鼠标来操作展示想看的照片,这就需要在相应的地方加上事件. 3.3.1 响应小照片单击动作在3.2.3的代码里提供了显示小图列表的eg.showThumb()方法,在单击小图片时要显示大图片,这…

图像本地预览插件（基于JQUERY、HTML5）

最近是被这项目搞疯了.害我天天写插件,上周才写,现在就继续吧..... 说说这个吧.主要是用于本地图像预览的.我们知道在以前,图像预览一般都很麻烦,一般都是异步上传然后返回路径,动态设置路径,但是这样的效率不言而喻,而使用这种技术一般情况下,就是flash.silverlight或者是三方axtiveX插件了,而这些技术一般都很难实现跨平台.跨浏览器.跨设备的情况,而且表现不一,从另一个方面来说,这种技术是web依赖了第三方,不通用.而自从HTML5诞生以来,这样的思路就被打破了.HTML5提供…