html5自定义的 data属性
2012-09-23 10:45
393 查看
<div id="awesome"
data-myid="3e4ae6c4e" data-test="343uui">Some awesome data</div>
var myid=jQuery("#awesome").attr("data-test");
//等同于 var myid=jQuery("#awesome").data("test");
//等同于 var myid=document.getElementById("awesome").dataset.test;
//等同于 var myid=document.getElementById("awesome").getAttribute("data-myid");//非标准写法,有些浏览器不支持
console.log(myid); //输出
div没有value属性
参考 http://www.aqee.net/html-5-data-attributes-how-to-use-them-and-why/
data-myid="3e4ae6c4e" data-test="343uui">Some awesome data</div>
var myid=jQuery("#awesome").attr("data-test");
//等同于 var myid=jQuery("#awesome").data("test");
//等同于 var myid=document.getElementById("awesome").dataset.test;
//等同于 var myid=document.getElementById("awesome").getAttribute("data-myid");//非标准写法,有些浏览器不支持
console.log(myid); //输出
div没有value属性
参考 http://www.aqee.net/html-5-data-attributes-how-to-use-them-and-why/
相关文章推荐
- HTML5 自定义属性 data-* 和 jQuery.data 详解
- html5的自定义data-*属性和jquery的data()方法的使用示例
- 浅谈HTML5的新特性——data-*自定义属性
- html5的自定义data-*属性
- jQuery中使用data()方法读取HTML5自定义属性data-*实例
- HTML5 data-* 自定义属性和 element.dataset
- html5的自定义data-*属性与jquery的data()方法的使用
- HTML5的自定义属性data-*详细介绍和JS操作实例
- HTML5中的数据集dataset和自定义属性data-*
- HTML5自定义data-* data(obj)属性和jquery的data()方法的使用
- HTML5的自定义属性data-*详细介绍和JS操作实例
- HTML5 data-* 自定义属性
- HTML5 自定义属性 data-* 和 jQuery.data 详解
- HTML5 自定义属性 data-* 和 jQuery.data 详解
- html5的自定义data-*属性和jquery的data()方法的使用示例
- HTML5 的data-* 自定义属性
- HTML5中自定义的data-*属性使用和js/jquery的data()方法操作
- 转载一篇关于HTML5 data-* 自定义属性的文章
- jQuery中使用data()方法读取HTML5自定义属性data-*实例
- HTML5 data-* 自定义属性