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>

•  

謝謝關注！