javascript - 如何使用自定义自定义数据-* 属性

Question

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

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

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

$('#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>

标签： javascriptjqueryhtml