如何自定义自定义data- *属性工作

Question

data-*属性用于存储自定义数据。通过jQuery生成的data-*属性在DOM中不可见，而用HTML代码编写的data-*属性在DOM中可见。

我的问题是，什么使jQuery生成的元素的data-*属性在DOM中不可见？

第二，我们可以像在jQuery生成的元素中一样在DOM对象中隐藏data-*吗？

$('#div2').append($('<h2/>').html('h2 Element generated with JQUERY').data('test', '5000'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="div1">
  <h2 data-test="60000">This is h2 Element</h2>
</div>
<div id="div2"></div>