data-属性的作用

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");

 

posted @ 2019-05-13 21:50  云深一梦,美梦成真  阅读(879)  评论(0编辑  收藏  举报