jQuery .data()vs HTML5 data-XXX性能
jQuery .data()和HTML5 data-XXX是用于在前端开发中存储和访问数据的两种方法。它们的性能可以通过以下几个方面进行比较：
- 数据存储和访问方式：
- jQuery .data()方法：通过将数据附加到DOM元素上来存储数据，可以使用任意的JavaScript对象作为值。
- HTML5 data-XXX属性：通过在HTML标签上使用data-XXX属性来存储数据，其中XXX可以是任意自定义的属性名。
- 性能比较：
- jQuery .data()方法：由于使用了JavaScript对象来存储数据，因此在存储大量数据时可能会占用较多的内存。同时，由于需要通过jQuery库来访问数据，可能会导致一定的性能损耗。
- HTML5 data-XXX属性：由于数据直接存储在HTML标签上，不需要额外的JavaScript对象，因此在存储大量数据时可能会占用较少的内存。同时，由于直接在HTML标签上访问数据，无需通过jQuery库，因此性能可能更高。
- 应用场景：
- jQuery .data()方法：适用于需要在DOM元素上存储和访问少量数据的场景，例如存储一些临时状态或配置信息。
- HTML5 data-XXX属性：适用于需要在DOM元素上存储和访问大量数据的场景，例如存储一些复杂的数据结构或需要频繁访问的数据。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动推送、移动分析等）：https://cloud.tencent.com/product/mobile
- 腾讯云数据库（MySQL、MongoDB等）：https://cloud.tencent.com/product/cdb
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云视频处理（点播、直播等）：https://cloud.tencent.com/product/vod
相关·内容
我找到了这个测试，它显示HTML5 data-XXX比jQuery .data()更快。我正在开始一个项目，该项目需要在HTML元素上放置大量的小数据块，其中性能至关重要。我应该使用.data()还是HTML5 data-XXX？这个测试是否相关且准确？
浏览 0提问于2010-08-13得票数 3
回答已采纳
这是我的小提琴：$(row).addClass("classtest"+id);$(row).data("rowid", id);
我找不到问题了。
浏览 7提问于2017-12-12得票数 1
回答已采纳
我使用jQuery1.3.2(不要问我为什么)我有一些页面，其中每个页面的主体类中都有自己的标识号，比如xxx-123、xxx-124等等。我想找到并提取div类的一部分(只有数字)。
浏览 3提问于2015-09-29得票数 1
回答已采纳
4回答
我有一个元素应用了一些CSS规则，如下所示：我可以使用jQuery检索完整的类列表，方法如下：
var
浏览 3提问于2011-04-04得票数 1
回答已采纳
另外，有没有其他类似于html5 data-xxx的方式可以读取和访问？
谢谢。
浏览 1提问于2012-02-05得票数 1
回答已采纳
3回答
这看起来对JQuery来说应该是微不足道的，但是这个函数隐藏了整个表单...谁能给我指个方向？$('form') .filter(function(){$('form') .filter(function(){
return $(this).<
浏览 0提问于2012-01-28得票数 4
回答已采纳
1回答
我看到jQuery的.data()函数将把字符串存储在节点上，但是我不能选择它们。我是否应该使用attr属性创建节点，如下所示：然后像这样过滤$('#something').click(function() {
$('.node[data<
浏览 0提问于2011-06-09得票数 1
回答已采纳
我在这里找到了一些非常棒的代码，它们满足了我的项目的需求：
我还不能想出如何禁止该操作再次发生。我试过禁用单选按钮。代码以某种方式重新激活了单选按钮。我已将单选按钮设置为空。这也不管用。这是来自上面链接的原始代码：var tables = document.getElementsByTagName(
浏览 1提问于2010-11-13得票数 1
回答已采纳
1回答
.data()未按预期工作
、、、、
Content-Type" content="text/html; charset=iso-8859-1" /><script src="jquery.js"></script><script>$(".classy").data("read","hi"
浏览 1提问于2012-06-10得票数 2
回答已采纳
3回答
具有对Html5数据属性的所有尊重 <li class="user" data-name="Royi Namir" data-city="Boston" data-lang="js" data-food="Bacon"> </li>myDomElem
浏览 5提问于2013-01-04得票数 6
回答已采纳
3回答
html：jquery我在每个命令之间添加了警报，以防其中一个命令失败，但两个警报都发出了，这意味着当jquery尝试更改第二个条目时，它不会崩溃。我没有看到任何拼写错误，我尝试了菊花链的命令，但仍然没有运气。'POST',
浏览 2提问于2012-07-24得票数 2
回答已采纳
4回答
我将一些自定义数据存储在HTML5数据属性中，以便进行Jquery处理。自定义数据属性在较旧的浏览器中可用吗？
浏览 0提问于2013-08-08得票数 14
1回答
卸载某些页面上的js请求
、、、、
我正在尝试卸载JqueryMobile正在缓存的请求。在我几乎所有的页面上，我都使用FastClick.js，因为它大大降低了我的点击速度。使用body标记上的onload="initFastButtons();“激活此脚本。有没有办法可以终止某些页面上的请求？在我不需要快速点击的特定页面上，它会导致我的一些链接出现问题。如果我可以删除它，它将有助于解决我的问题。让我知道，谢谢！
浏览 1提问于2012-05-24得票数 1
看起来jquery mobile使用data-XXX标签属性在页面加载时初始化小部件。例如，<a href="#main" data-icon="info" data-role="button">back</a>变成了这样的东西
<a href="#main" data-icon="home" class="managable ui-btn-left ui
浏览 1提问于2011-12-30得票数 0
回答已采纳
1回答
我需要知道是否有可能使此代码片段的heightVal变量通用。这意味着我需要它来访问我作为box参数传入的任何元素的高度，并存储它，以便它可以用来将元素重置为其原始高度。使用offsetHeight属性对我不起作用，因为当第二次访问该函数时，该值会自动重置。(我正在尝试使此函数普遍适用于任何元素)。 var heightVal = document.styleSheets[0].cssRules[3].style.height;
box.style.he
浏览 0提问于2012-01-31得票数 1
回答已采纳
是否所有的"data-xxx“属性都是通过"$('#elm').attributes”找到的？例如，attributes-collection是否包含以下所有数据-属性：我需要的是一种使用jQuery将所有相关属性从按钮元素移动到inputt
浏览 1提问于2011-04-13得票数 1
1回答
我是Angular和html/html5的新手，如果我的问题听起来很愚蠢，很抱歉。Q2-你可以看到有很多ng相关的属性，比如_nghost-c0，html中的自定义属性不是必须是data-xxx(data-_nghost-c0)才是有效的吗？
浏览 0提问于2019-11-06得票数 0
2回答
我试着把它放在那个子窗口上的jquery中，这样做很好。下面是在父窗口中实现的将数据发送到子窗口的代码：它将在子窗口中使用以下jQueryconsole.log($(".something").data("data1"));
但是，当我用子jQuery<
浏览 2提问于2015-03-06得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
