合理利用HTML5的Data属性

HTML5的data属性可以帮助我们插入数据，特别是前后端的数据交换。JQuery的data()方法，有效的利用HTML5的属性，来自动得到数据。下面是个例子：

<div id="d1" data-role="page" data-last-value="43"  data-options='{"name":"John"}'>
</div>

为了读取数据，你需要使用如下代码：

$("#d1").data("role");  // "page"
$("#d1").data("lastValue");  // 43
$("#d1").data("options").name;  // "John"