jQuery中的data方法只能获取不能设置值?

<div id="div1" data-test="test">1</div>
<script>
    console.log($("#div1").data("test"));//test
</script>

data方法确实给在元素上存放或读取数据
而这个存放，实质上并没有改变元素的上的data属性，而是在缓存中为该对象设置了一个值，在以后的获取中，也是直接的得到 缓存 中的一个值。

解决办法:

设置元素上的data属性值，请用 attr() 方法吧！！！