下面是我拷贝的关于这个HTML5标签的用法说明,在很多说明中都没有描述一个问题。
注意:data-** 注意标红的位置只能用小写字母
data-开头属性使用方法参考如下:
人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定义data属性,你可以拿它做很多有用的事情。 你可以去读一下HTML5的详细规范,但这个自定义data属性的用法非常的简单,就是你可以往HTML标签上添加任意以 "data-"开头的属性,这些属性页面上是不显示的,它不会影响到你的页面布局和风格,但它却是可读可写的。 下面的一个代码片段是一个有效的HTML5标记:
复制代码
代码如下:
<div id="awesome" data-myid="3e4ae6c4e">Some awesome data</div>
可是,怎么来读取这些数据呢?你当然可以遍历页面元素来读取你想要的属性,但jquery已经内置了方法来操作这些属性。使用jQuery的.data()方法来访问这些"data-*" 属性。其中一个方法就是 .data(obj),这个方法是在 jQuery1.4.3版本后出现的,它能返回相应的data属性。 举个例子,你可以用下面的写法读取 data-myid属性值:
复制代码
代码如下:
var myid= jQuery("#awesome").data('myid'); console.log(myid);
相关推荐
jQuery-data主要是用来存储数据,帮助普通对象或者jQuery对象来存储数据,其实如果单纯的储存dom的单一的属性,用attr自定义属性足够了;如果存储多个键值对建议用jQuery-data; 例如: 图片的懒加载好多插件就用到了...
jquery moblie 复选框取值 获取ID的值
实用jQuery省市区三级城市级联下拉菜单选择插件jQuery cxSelect,功能强大非常不错的jQuery插件, 支持省市区三级联动以及全球国家城市的联动,数据采用JSON格式导入,非常方便的,强大的参数 自定义功能,还可以...
例如,把选中的值给到属性 data-value 。只需要每次点击,获取 li.active 的子集 a 的 .attr(“data-value”)即可 eg: var pubTime = $(getArr[0]).find(li.active).children().attr(data-value); p
* @param type: string 菜单类型,可取值有 1 树形菜单 2 多选树形菜单 3 单选树形菜单 4 横向弹出菜单 5 导航菜单 ,默认为 1 * @param closedImg: string 折叠状态图标路径 * @param openedImg: string 打开...
-不绑定任何数据到Grid时,确保页面不会出错。 -修正了Grid列属性DataFormatString的一个bug,比如设置{0:yy-MM-dd HH:mm}时没有效果。 -修正下拉列表控件不能绑定DataTable的BUG(feedback:RedOcean)。 -增加...
-如何自定义Javascript脚本和C#处理函数来响应键盘事件。 -为Tree增加AutoLeafIdentification属性。 -增加示例(tree_auto_leaf_identification.aspx)(feedback:wdrabbit)。 +2009-11-17 v2.1.4 -修正...
imitate the two-way data-binding of Angular by jQuery 总结几种方式来模拟双向绑定 Object.defineProperty Object.defineProperty可以自定义属性的getter和setter 当给对象的属相赋值或者取值时,可以调用setter...
本文实例为大家分享了Jquery Easyui搜索框组件的实现代码,供大家参考,具体内容如下 加载方式 Class加载 <input id=ss class=easyui-searchbox style=width:300px data-options=prompt:'Please Input Value'...
多关键字只设置输入框值快速上手♡jQuery,bootstrap.min.css,bootstrap.min.js♡插件js: bootstrap-suggest.min.js初始化插件$ ( "input#test" ) . bsSuggest ( { url : "/rest/sys/getuserlist?keyword="} ) ;...
省市区街道四级联动下拉菜单插件,三级插件取的值为地区编号或地区名,四级插件默认为地区编号,修改jquery.citys.js中的valueType为“name”,街道单独在代码中修改标签的值,最后取值都变为地区名。注意:若已导入...
按对象取值: jQuery代码如下 (function ($) { $.getJSON('ajax/test.json', function (data) { var items = []; $.each(data.comments, function (key, val) { items.push('<li class=' + '>' + '<a>' + val....
代码如下: var csj_data; $.ajax ({ cache: false, async: false, type: ‘post’, data: { aaa: “1” }, url: “../handle/Ladder_Fee_Code.ashx?ajaxaction=Select_FangAn”, success: function (data)...
利用struts2和Ajax实现json对象的传输,然后实现菜单的二级联动 下面是我的 js文件原码: 代码如下: var mail={ //初始化 init:{ //初始化数据 initdata:{ did:”, ttitle:”, sendpassword:”, description:” }, /...
仿jQuery选择器 取值设值val,html函数,show,hidden显示隐藏函数,fadeIn,fadeOut淡出函数,ajax简单封装,表单序列化... == 如何使用sqlite? 如何实现事务处理? 如何实现URL映射? 如何实现参数注入? 如何实现对象转...