jQuery的.data()添加的数据在HTML上面看不见的吗？

Question

html结构如下：<div></div>JS如下：$("div").data("blah", "hello");  // blah设置为hello那么这个blah的“hello”的值我在那个DIV里面是不是看不到？如果看不到，那在开发的时候怎么记得这东西？

Answer 1

如果题主希望记住的话，直接存在该 div 的自定义属性 blah 里面即可：

  $("div").attr('blah', $("div").data("blah"));

效果如下：

再取值的话就可以直接读 div 的属性值：

$("div").attr('blah')

实际上，一般直接读 $("div").data("blah") 的值即可，如果题主一定需要存在 DOM 内，就按照上述写法吧，个人感觉有些 hard code，而且兼容性也需验证。

Answer 2

html标签里的data-只是给data赋初值，证据是用data方法改变数据后再拿attr('data-')改变不起效果