data-属性的作用
Posted studysuper
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了data-属性的作用相关的知识，希望对你有一定的参考价值。
data-属性用于储存私有的自定义数据，data-属性可以让我们在所有html元素上增加自定义data属性，存储的data属性能被javascript调用。
data-属性不应该包含任何大写字母，并且在data-后必须最少拥有一个字符，属性值可以是任意字符串
取值方法:
// getAttribute
var id = document.getElementById(‘id‘);
var data = id.getAttribute(‘data-xxx’);
// dataset
var id = document.getElementById(‘id‘);
id.dataset.xxx; //取值
id.dataset.xxx = ‘xxx‘; //赋值
id.dataset.xxx2 = ‘xxx2‘; //新增
delete id.dataset.xxx; //删除
// JQuery data
var data = $(‘#id‘).data(‘xxx‘); //取值
$(‘#id‘).data(‘xxx‘,‘xxx1‘); //赋值 新增
$(‘#id‘).removeData(‘xxx‘); //删除
// JQuery attr
var data = $(‘#id‘).attr(‘data-xxx‘); //取值
$(‘#id‘).attr(‘data-xxx‘,‘xxx1‘); //赋值 新增
$(‘#id‘).removeAttr(‘data-xxx‘); //删除
以上是关于data-属性的作用的主要内容，如果未能解决你的问题，请参考以下文章