jquery的data()步骤与html5中DOM标签的dataset属性异同

jquery的data()方法与html5中DOM标签的dataset属性异同

 

<div id="myModal" calss=".modal" data-h-m="youhhhhh" ></div>
<script>
           $(function () {
               console.info(2,$("#myModal").data("hM"));
               $("#myModal").data("hM",'heiheiheihei');
               console.info(3,$(".modal")[0].dataset.hM);
               document.getElementById("myModal").dataset.hM = "lalalalalalalalalalalalla";
               
               console.info(4,$("#myModal").data("hM"));
               console.info(5,document.getElementById("myModal").dataset.hM);
           });

    </script>
2 "youhhhhh"
3 "youhhhhh"
4 "heiheiheihei"

      5 "lalalalalalalalalalalalla"  

 

结论: jquery的data()方法只能读,不能设置html5中DOM标签的 dataset属性。

          有跟data属性key重名的dataset属性时 ,

         jquery的data方法会优先读取data()方法设定的值