jquery的data()方法与html5中DOM标签的dataset属性异同 博客分类： JS html5jqueryJavaScript

 

<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()方法设定的值