id是选择器
data-id只是行内存放数据的一个标签，跟input里面的value作用是一样的
同时在HTML5 中增加了一项新功能是 自定义数据属性 ，也就是 data-* 自定义属性。在HTML5中我们可以使用以 data- 为前缀来设置我们需要的自定义属性，来进行一些数据的存放。
例如：
<style type="text/css">
div[data-]{
background-color: yellow;
}
</style>
<body>
<div data->hello world</div>
<button>click me</button>
</body>
<script type="text/javascript" src="js/"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").on("click",function(){
$("div").removeAttr("data-id");
//鼠标单击时移除div的背景色
})
})
</script>