本文原文链接：https://blog.csdn.net/xzk9381/article/details/112214561
html5 dataset 是新的 HTML5 标准，允许在普通的元素标签中嵌入类似 data-* 的属性。有了这个属性就可以更加有序直观的进行数据预设或存储。
那么如果在不支持 HTML5 标准的浏览器上，jQuery 提供了一个 .data() 方法来处理这个问题。
一、设置或返回元素的数据接口
使用 $.data() 方法可以设置或返回元素的数据接口，该方法可以向其中传递 2 个或 3 个参数。如果传递 2 个参数，那么就是指定标签和一个 JSON 对象。如果传递三个参数，则是指定标签、key 和 value：
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="jquery-1.12.4.js"></script>
<script type="text/javascript">
$('document').ready(function (){
$.data(mydiv,'age','18');
$.data(mydiv,{
'name':'xuzk',
'sex':"male"
})
})
</script>
</head>
<body>
<div id='mydiv'></div>
</body>
</html>
这样设置好的数据，在元素中是无法直接查看的，可以使用 $.data() 方法来返回这些数据：
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="jquery-1.12.4.js"></script>
<script type="text/javascript">
$('document').ready(function (){
$.data(mydiv,'age','18');
$.data(mydiv,{
'name':'xuzk',
'sex':"male"
})
console.log($.data(mydiv));
console.log($.data(mydiv,'age'));
})
</script>
</head>
<body>
<div id='mydiv'></div>
</body>
</html>
可以直接指定元素名称，这样会以 JSON 的方式返回所有数据。也可以直接指定数据的 key 来返回对应的 value。
二、删除元素的数据接口
使用 $.removeData 可以删除指定元素数据接口中的指定数据或全部数据：
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="jquery-1.12.4.js"></script>
<script type="text/javascript">
$('document').ready(function (){
$.data(mydiv,'age','18');
$.data(mydiv,{
'name':'xuzk',
'sex':"male"
})
$.removeData(mydiv,'age');
console.log($.data(mydiv));
$.removeData(mydiv);
console.log($.data(mydiv));
})
</script>
</head>
<body>
<div id='mydiv'></div>
</body>
</html>
本文原文链接：https://blog.csdn.net/xzk9381/article/details/112214561