data-属性的作用

Posted 2021-11-30 gxx129

data-用于存储页面或应用程序的私有自定义数据，赋予我们在所有html元素上嵌入自定义data属性的能力，存储的数据能被页面的JS利用，以创建更好的用户体验。

1 <div id="box" data-user-name="lily"></div>
2 var box = document.getElementById("box");
3 //js获取data属性数据
4 var username = box.dataset.userName;
5 //jQuery获取data属性数据
6 var username = $("#box").data("userName");