data属性

自定义属性: data-*(属性名)
* 作用: 进行数据的缓存
* 获取:
* jquery方式 对象.data(“自定义属性名称–>data-username”)
* h5的方式 对象.dataset 返回的是属性的集合
* 自定义属性的写法: data-name --> 对象.name data-age-id -->对象.ageId 使用驼峰命名法

<div class="box" data-username="小明" data-age-id="20">111</div>

获取

 var box = document.querySelector("div");
    //获取
    console.log(box.dataset.ageId);
    console.log(box.dataset['username']);//h5
    console.log($(box).data().username);//jquery

设置

 //设置
    box.dataset.ageId = "40";
    console.log(box.dataset.ageId);
    $(box).data('password','123456')
    console.log($(box).data("username"));
    console.log($(box).attr("data-username"));
    console.log($(box).data().username);//jquery