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

iteye_11613

于 2014-08-07 14:42:15 发布

阅读量457

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： html5 jquery JavaScript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_11613/article/details/82602115

JS 专栏收录该内容

49 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>