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

最新推荐文章于 2022-07-19 21:04:13 发布

原创最新推荐文章于 2022-07-19 21:04:13 发布 · 473 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #jquery #JavaScript #ViewUI

JS 专栏收录该内容

49 篇文章

订阅专栏

本文探讨了jQuery的data()方法与HTML5 DOM元素的dataset属性之间的交互问题。通过实例验证，在存在相同名称的data属性和dataset属性时，jQuery的data()方法优先读取data()方法设置的值，但无法直接修改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>