.data()方法可以向元素附加数据，在需要的时候取回数据。
如有下html代码：
<body> <button class="test1" data-theme="在这设置时要有data-前缀">HTML直接附加数据</button> <button class="test2">用jquery附加和取回</button> </body>
在附加数据的时候可以有两种方法，第一种是直接在html文档中附加，第二种是用.data()方法附加。
而数据的取回都用.data()方法。
下面是jquery代码：
1 $(document).ready(function(e) { 2 //获取test1的数据。 3 $('.test1').click(function(){ 4 alert($(this).data('theme')); 5 }); 6 //附加并获取test2的数据 7 $('.test2').data('text','Hello world').click(function(){ 8 alert($(this).data('text')); 9 }); 10 });