`

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

    博客分类:
  • JS
阅读更多

 

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

 

 

 

分享到:
评论

相关推荐

    HTML5中的dataset自定义属性.pdf

    其中,`dataset` 自定义属性是 HTML5 为了满足开发者在页面元素中存储非展示性数据需求而引入的一个关键特性。这个属性允许开发人员在 HTML 元素上定义自己的数据属性,这些属性的名称以 "data-" 开头,后面可以跟...

    HTML5中的dataset自定义属性-0.pdf

    在 HTML5 中,`dataset` 属性是一个显著的增强,它允许开发人员自定义元素属性来存储额外的数据,这些数据通常不是为了显示给用户,而是用于后台处理或者JavaScript脚本的交互。 `dataset` 属性的引入解决了过去...

    HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性)

    HTML5引入了data-前缀作为自定义属性的标准方式,使得开发者可以在HTML元素中添加额外的信息,而不会干扰到元素的显示和功能。这种自定义属性在使用时必须以"data-"作为属性名的开头,后面跟着自定义的部分。例如,...

    HTML5自定义data-* data(obj)属性和jquery的data()方法的使用

    HTML5的自定义data-*属性是为了在HTML标签中存储额外的数据而引入的,这使得开发者能够在不违反HTML规范的情况下,方便地在DOM元素上附加信息。这些属性的名称以"data-"开头,允许开发者自由定义其后的部分,例如...

    HTML:自定义标签属性

    1. **命名方式**:自定义属性名称应以 `data-` 前缀开始,以避免与现有的标准属性冲突。 2. **格式要求**:自定义属性名称必须是合法的标识符,即由字母、数字、连字符 `-` 或下划线 `_` 组成,但不能以数字开头。 ...

    对 jQuery 中 data 方法的误解分析

    jQuery中的data方法是用于获取与DOM元素关联的数据对象,而这个数据对象与元素的自定义data-*属性相关联。在对这个方法的误解分析中,我们首先需要明确几个概念。 首先,data方法并不等同于JavaScript的dataset属性...

    使用jQuery获取data-的自定义属性

    在Web开发中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互等任务。本文将深入探讨如何使用jQuery获取HTML元素上的"data-"自定义属性,并了解这些自定义属性在实际开发中的应用...

    Vue执行方法,方法获取data值,设置data值,方法传值操作

    方法写在methods中 ...可通过 @click=”run($event)”,将事件对象传到方法中,然后根据事件对象的e.srcElement设置点击标签的属性,也可以通过e.srcElement.dataset获取自定义属性 &lt;div id=app&gt;

    怎样将DataSet中修改(增加_删除_修改)过的记录更新进数据库中

    5. 最后,我们需要调用DataAdapter对象的AcceptChanges方法,以确保所有的更改都被保存到数据库中。 现在,让我们来讨论一下如何使用DataAdapter对象的Update方法来更新DataSet中的记录。 首先,我们需要创建一个...

    C#中DataSet的用法(很详细)

    在C#编程中,DataSet是ADO.NET框架中的一个重要组件,它是内存中数据的容器,能够离线存储和处理数据。DataSet不仅包含多个DataTable,用于存储实际的数据,还提供了丰富的功能,如浏览、排序、搜索、过滤和缓存更改...

    102 Category Flower Dataset(标签文件)

    《102 Category Flower Dataset: 图像识别与深度学习中的数据集详解》 在人工智能领域,尤其是计算机视觉和机器学习的分支,数据集是至关重要的资源。它们为模型的训练和验证提供了必要的输入,帮助算法学习并理解...

    JS实现获取自定义属性data值的方法示例

    这里的知识点涵盖了HTML5的自定义属性data-,JavaScript对DOM的操作,以及jQuery中data方法的使用。 首先,HTML5标准允许开发者自定义属性,只要这些属性以“data-”为前缀。这样的自定义属性可以用来存储对...

    jquery_html5_图表

    总结来说,jQuery与HTML5结合提供了强大的图表制作能力。无论是Canvas还是SVG,都有相应的库和工具来帮助开发者创建出吸引人的、具有交互性的数据可视化图表。通过熟练掌握这些技术,你可以在Web应用中构建出...

    JS JQuery获取data-*属性值方法解析

    在JavaScript和jQuery中,获取和设置`data-*`自定义属性是常见的需求,这些属性用于在HTML元素中存储额外的数据。下面将详细讲解四种方法来实现这一目标。 1. **getAttribute()方法** JavaScript的`getAttribute()...

    Html5之自定义属性(data-,dataset)

    H5为我们提供了以 data- 为前缀定义需要的属性即可设置自定义属性 &lt;div id=box1 data-name=Musk&gt; &lt;div id=box2 data-full-name=Elon&gt; 获取 使用H5自定义属性对象dataset来获取 let box1 = document.getElementById...

    jQuery+HTML5可鼠标拖动幻灯片切换特效

    此特效还可能利用HTML5的`data-*`属性来存储自定义数据,如幻灯片的索引或状态,这些数据在JavaScript中可以通过`dataset`属性访问。同时,CSS3的新选择器和动画属性也是实现这一效果的关键,如`transition`和`...

    C#DataSet导出EXCEL的方法

    C#DataSet导出EXCEL的方法是指使用C#语言将DataSet中的数据导出到Excel文件中的方法。在本文中,我们将介绍两种不同的方法来实现DataSet到Excel的导出。 描述解释 从描述中可以看出,这篇文章主要是为了介绍C#...

    DataSet 转化为List的通用方法

    ### DataSet 转化为 List 的通用方法:深入解析与应用 在 IT 领域,数据处理是一项核心任务,特别是在数据库操作与数据展现层之间,数据格式的转换显得尤为重要。其中,`DataSet`到`List`的转换是常见的需求之一,...

Global site tag (gtag.js) - Google Analytics