HTML5属性data-*的操作

前言

基本现在的主流浏览器都支持data-* 格式的自定义属性[IE11+]

因为原生的管理是在HTML5这个版本才出现的;

但是呢,我们今天说说兼容性比较好的操作自定义属性的方法;

---

jQuery操作自定义属性

jquery来操作属于兼容性相对较好的,因为在比较旧的JQ版本上,就有data()这个事件函数了

/*这里就简单的介绍一下,相当简单*/


$('selector').data(key,value); // 这句的意思,设置选择器上自定义属性及值
$('selector').data(key);//取到自定义属性值


还有另外两种写法:

jQuery.data( element, key, value ); //第一个参数是选择元素,其次是自定义属性,最后是值;
jQuery.data( element, key);   //返回自定义属性的值

还有一种写法:

$('selector').attr('data-xxx'); //取值
$(