应用场景
有时，我们要在标签加上自定义的属性，不让用户看到，还能用来保存信息，方便后面使用
例子
html：
<div id="info" >
该div标签中，加上自定义数据，不让用户看到，还能保存信息，方便后面使用
</div>
<button id="btn">设置数据</button>
<button id="btn2">获取数据</button>
js：
<script src="js/jquery-1.11.0.js"></script>
<script>
$(function(){
$("#btn").click(function(){
$("#info").data("data-id","10")
$("#info").data("data-name","李雷")
})
$("#btn2").click(function(){
var id = $("#info").data("data-id")
var name = $("#info").data("data-name")
console.log("id：",id)
console.log("name：",name)
})
})
</script>
测试1：
点击 设置数据，在浏览器中看不到数据，如下图：
data() 是将数据放入 缓存 中，所以，在浏览器中看不到标签的变化
测试2：
点击 获取数据，在控制台中看到下面代码：
id： 10
name： 李雷