[フロントエンド]js data-*とjquery data-*の書き方

JS書き方(dataset.name):

<div id="box" data-name="div"></div>

<script> console.log(document.getElementById('box').dataset.name); // div  //    document.getElementById('box').dataset.name = "test"; </script>

jQuery書き方(data(‘name’):

<script> console.log($('#box').data('name')); // div //    $('#box').data('name', 'test'); </script>

注目してくれてありがとう!