如何设置$ .data（＆＃39;值＆＃39;）和$ .attr（＆＃39;数据值＆＃39;）

Question

所以我的词汇量不足。

我试图理解$.data('value')和$.attr('data-value')

之间的区别

我理解的是，只要html标记上有属性data-value="kitty"，两者都会在加载时设置。

然而，当我试图与他们互动时，他们是独立的

首先，我想了解那里发生的事情：/。

其次，有没有办法同时与两者互动？

JsFiddle for test