.data（＆＃39; sth＆＃39;）和.attr（＆＃39; data-sth＆＃39;）有什么区别？

Question

我应该何时使用其中一种？

我注意到的唯一区别是点击事件

var $sth = $('.selector').data('sth'); 似乎是缓存，而

var $sth = $('.selector').attr('data-sth'); 每次点击都会重新分配。

.data('sth');的用例是什么？