jquery的data()函数和html5的data属性:
在html5中新增了一个自定义data属性，利用这个属性，可以添加任意的以"data-"开头的属性，这些属性不会再页面上显示，也不会影响任何原有的布局效果，并且此自定义属性是可读写的，例如:

<div id="thediv" data-webname="蚂蚁部落">蚂蚁部落欢迎您</div>

以上代码就是使用自定义data属性的一个简单例子。
可以使用jquery的data()函数来读取这些属性，代码如下:

var webname= jQuery("#thediv").data('webname'); 
console.log(webname);

以上代码可以输出自定义属性值:"蚂蚁部落"。
可以在自定义属性中使用json格式数据，例如:

<div id="thediv" data-webaddress='{"address":"市南区"}'>蚂蚁部落欢迎您</div>

同样可以使用jquery的data()函数并利用json数据的key获得相应的值，例如:

var address= $("#thediv").data('webname').address; 
console.log(address);

更多的操作这里就不多介绍了，具体可以参阅jQuery的data()方法一章节。
特别说明:
在非HTML5的页面或浏览器里，仍然可以使用.data(obj)方法来操作"data-*" 数据。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=8755

更多内容可以参阅:http://www.softwhy.com/jquery/