首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jQuery.data - 我可以在其中存储多少数据

在 jQuery 中,使用 jQuery.data() 方法可以将数据存储在 DOM 元素中。它允许您在不影响其他数据属性的情况下,将任意数据与特定元素关联起来。

存储在 jQuery.data() 中的数据量没有固定的限制,但实际上,数据量取决于浏览器的内存和性能。在大多数情况下,您可以存储数百甚至数千个数据项,但是如果您需要存储大量数据,可能需要考虑其他方法,例如使用 IndexedDB 或 Web SQL 数据库。

请注意,jQuery.data() 不是一个替代本地存储或会话存储的解决方案,因为它不会在页面重新加载时持久化数据。如果您需要在不同的会话中访问数据,可以考虑使用 localStoragesessionStorage 对象。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

HTML5 自定义属性 data-* 和 jQuery.data 详解

有了这样的属性我们能够更加有序直观的进行数据预设或存储。下面介绍HTML5 Dataset 存储的实际应用,以及包括jQuery在内的四种存取方式。...HTML5 Dataset 存储的例子 为一个元素分配data属性存储数据,例如这是一个span元素,它的内容是一首音乐的名称,我们为其HTML标签里直接预置这首歌的更多信息,HTML源码上看起来可以这样来写...其中data-available没有值,允许空值,例如在这个情况下,它仅代表该食物可以订购,所以不需要有值。...CSS、jQuery 查找 data 属性对应元素 如果想要所有专辑名(data-album)为Disclosure的歌曲名显示为红色,CSS选择器里,我们可以这样去匹配 .musique[data-album...如果想要所有的现在可订购的食物点击后弹出对话窗,jQuery里,也可以通过中括号[]用以下方式去轻松匹配 window.jQuery && (function($){ $(".food").filter

1.4K50

jQuery.data() 的实现方式

jQuery.data() 的实现方式     jQuery.data() 的作用是为普通对象或 DOM Element 附加(及获取)数据。     ...用name和value为对象附加数据;即传入三个参数,第一个参数为需要附加数据的对象,第二个参数为数据的名称,第三个参数为数据的值。当然,只是获取值的话,也可以不传入第三个参数。      2....为了深入了解其中的实现机制,我们有使用了一个循环来获取 “obj” 的属性,实际上是取出了 “obj” 上附加的 “cache”对象。     ...到此为止,jQuery.data() 函数的实现就介绍完了;但是,这里还有一个需要思考的问题:为什不都统一用 “globalCache” 存储,而要将 “cache” 直接附加到普通对象上?...认为这应该是一种性能优化的方式,毕竟少一个引用的层次,存取速度应该会略快一些。 jQuery 中这刻意优化的地方非常多,许多原本可以统一处理的对方都进行了特殊处理。

94070

10个jQuery表单操作代码片段

代码片段1: 表单中禁用“回车键” 大家可能在表单的操作中需要防止用户意外的提交表单,那么下面这段代码肯定非常有帮助: $("#form").keypress(function(e) {...class="javascript" style="color: #000000;">if (e.which == 13) { return false; } }); 代码片段2: 清除所有的表单数据...elements) else if (tag == 'select') this.selectedIndex = -1; }); }; 代码片段3: 将表单中的按钮禁用 下面的代码对于ajax操作非常有用,你可以有效的避免用户多次提交数据...应用来说是个比较头疼的问题,下面的代码能够很好的帮助你解决这个问题: $(document).ready(function() { $('form').submit(function() { if(typeof jQuery.data...(this, "disabledOnSubmit") == 'undefined') { jQuery.data(this, "disabledOnSubmit", { submited: true

89500

SAP UI5 框架的 manifest.json

而是基于这些 core 控件做扩展,创建自己的扩展控件,然后 XML 视图里使用扩展控件。...开发人员可以使用此方法设置和获取数据。 该 API 等效于 jQuery.data()....以下附加选项可用于将数据附加到 SAPUI5 控件: XML 视图和 JSON 视图中以声明方式附加数据。 使用数据绑定,请参阅数据绑定。...这意味着当控件变得小于其正常大小时,它应该保持正常的外观显示效果,例如在收缩的情况下,仍旧可以显示省略号的文本控件。 注意这个标记接口可以通过控件来实现,从而给容器一个提示。...解析此接口的父控件将应用 flex-shrink 作为 CSS 属性,该属性确定在分配负可用空间时,该项目相对于容器中的其余项目将收缩多少

58330

mybatis(pagehelper) dataTables实现分页功能

要求服务器接收到此参数后再返回 */ private int draw; // 第几次请求 /* * 第一条数据的起始位置,比如0代表第一条数据 */ private int...*/ private String columns_name; /* * 标记列是否能被搜索,为true代表可以,否则不可以,这个是由 columns.searchableOption...上面提到了,Datatables发送的draw是多少那么服务器就返回多少。...这是一个对象数组,也可以只是数组, 区别在于 纯数组前台就不需要用 columns绑定数据,会自动按照顺序去显示 * ,而对象数组则需要使用 columns绑定数据才能正常显示。...private String dt_rowId; /* * 自动把这个类名添加到 tr */ private String dt_rowClass; /* * 使用 jQuery.data

2.5K30

【译】Service Worker存储的限制是多少?你的PWA能够存储多少内容?

这篇文章能够帮助开发者解决规划缓存策略时遇到的诸多挑战。 ? Browser Service Worker Cache Capacity Cache最多是多少的应用最少需要多少?...localStorage就非常适合保存值为字符串的键值对;IndexedDB则更强大,可以有效地存储更多类型的数据认为它是浏览器中的轻量级文档数据库。...如果使用的存储被限制为35MB,那么必需有一种清除缓存中的文件的机制。 Fast Furniture演示站点可以代表一种常见的电子商务站点,其中包含大量产品图像,占比达90%以上。...即将推出的PWA课程中,将详细介绍如何创建缓存管理系统。 Fast Furniture站点使用多种缓存,其中不同的规则应用于不同的资源类型。图片具有自己的缓存以及缓存时间及数量上的限制。...如果这听起来很复杂,总是说从简单中成长,所以不要担心,它不一定很复杂。 总结 规划阶段,了解你的应用能够使用多少存储非常重要。你需要在缓存所有内容和选择性缓存之间找到一个很好的平衡点。

3.8K20

redis hyperloglog实现原理

所谓基数估算,就是估算在一批数据中,不重复元素的个数有多少。最常见的场景就是统计uv。...redis中实现的HyperLogLog,只需要12K内存,标准误差0.81%的前提下,能够统计2的64次方个数据。...HyperLogLog 算法简介 伯努利过程 认识为什么HyperLogLog能够使用极少的内存来统计巨量的数据之前,要先认识下伯努利试验。...比如在数据库中,只要在每次插入一条新的记录时,计算这条记录的hash,并且转换成二进制,就可以将其看成一个硬币序列了,如下(0b前缀表示二进制数): 根据上面抛硬币的启发可以想到如下的估计基数的算法...后两位表示连续多少个桶。 所以,一个初始状态的 HyperLogLog 对象只需要2 字节,也就是一个 XZERO 来存储数据,而不需要消耗12K 内存。

87610

如何存储社交软件中的「好友、粉丝关系」

其中的社交达人也成了我们的茶余饭后: "你关注了谁" "她有多少粉丝" "这个网红出事了" "那个人突然爆火" 就像最近的”张同学“ 今天咱们就来研究一下: 如何存储社交软件中的「好友、粉丝关系」 01...02 粉丝 与"好友"关系不同的是,"粉丝、关注"是一种单向关系,虽然关注了你,但你不需要同时关注这个粉丝。...那么对于软件后台来说,如何存储"图"这种数据结构呢?...我们可以从以下两个区域来探讨: 内存(如Redis) 硬盘(数据库) 03 "图"的存储 在内存里可以使用这两种方式: 邻接矩阵 Adjacency Matrix 邻接表 Adjacency List...除此之外,我们还可以选择更专业的非关系型数据库:社交存储的图形数据库,如Neo4J等。

1.2K20

Lucene系列(五)索引格式之fdm文件

其中 .fdt 文件保存了原始的field信息 .fdx 文件保存了一些帮助读取fdt的索引信息 .fdm 文件保存了一些基本的元数据,也包括一些辅助读取fdx文件的信息....ChunkStartIndex: 存储每个chunk数据起始位置数据的起始位置 ChunkStartPointMeta: 存储每个chunk数据起始位置的一些元数据 储存每个chunk的数据fdx...ChunSize 每个chunk包含多少个doc chunk是固定大小的,创建时会初始化,因此可以方便的按chunk进行读取,索引等. Version 内部版本号 不知道....BlockShift 多少chunk的数据进行一个block存储 对chunk的数据进行分块存储用 totalChunks 总共有多少个chunk 计数用....比较麻烦的是, 在上图中4处, fdx文件存储所有chunk中doc数量时, 应用了DirectMonotonicWriter 类来进行存储, 该类的具体实现可以阅读延伸阅读中的文章.DirectMonotonicWriter

95430

MYSQL IBD PAGE 页 磁盘占用空间 SQL 的计算方式不可靠

问:MYSQL的一个PAGE 页多大 回答干脆利索,16K呗,想这是大多数人的第一个反应和回答,这个回答没有毛病。但这16k里面到底有多少是你表中存储的那些实实在在的数据 ??...(16384)(顺便问一句 MYSQL一行能存储的大小是多少?...MYSQL 广泛提供的页面监测的工具吗) 4 字节 2 FIL_PAGE_OFFSET ,这个其实可以理解为用页面组成的表的每页的编码,用来看看这个物理的文件到底有多少个页面,当前你访问的页面整体的位置...其中关于当前ibd 文件的中存储数据的类型可以通过mysql 自带的工具 innochecksum 来进行查看,这里我们打开MYSQL 中的一个ibd文件 ?...一个MYSQL Per = 1 情况下的页面,可以看到这个文件中 有 1337个索引的页面,我们的索引节点 INODE PAGE 只有一个,还有452个新分配的页面,一个insert buffer

1.4K20

漫谈分布式存储的规划与设计

,负载均衡,数据拷贝等服务,chunkserver上需要运行具体存储数据的进程,负责与master之间的通信,负责汇报chunkserver的状态。...那么现在就有了两种角色,一种是master,一种是chunkserver,云环境中,运行服务的有很多种,可以运行在物理机上,可以运行在VM中,也可以运行在docker中,那么开始规划的时候,这种如何来进行规划设计...因为master需要选主,所以需要奇数台,你要有五台更好,可以容忍两个VM挂掉。。。不。。。就要五个。。。要两地三数据中心五副本。。。...有点扯远了,所以还是换回单个的数据中心,在其中部署一个私有云,私有云的分布式存储。。。 假设chunkserver使用6台物理机,那么这几个master的VM也运行在这六台物理机上么?...你每天又能积累多少。。。你每天又能持久化存储多少数据。。。大数据时代,你的每天经历就是你的UGC内容,那么你又能创造多少价值????

76830

跟面试官说MySQL单表数据量不要超过两千万,面试官不信

01自增主键角度 我们先来看看单表数据量理论上最大值是多少? 假设我们建表,ID 是自增主键,也就是说主键的大小可以限制表的上限。...02数据页角度 假设我们有一张 user 表,其中 ID 是自增主键,那么该表硬盘文件上是 user.ibd(innodb 数据文件,又叫表空间文件)。...; ▶︎ 除了上述所说的,数据页内剩下的空间就用来存放实际的数据; 即数据页的结构如下: 数据是以数据页的形式进行存储数据页和数据页之间是以B+树的形式进行关联,例如: 其中,叶子节点的数据页存放的是实际存储数据...B+ 树中,所有的记录都存储叶子节点中,假设每个叶子节点都可以存储的行记录数为 Y;那么 B+ 树可以存储数据总量为叶子节点总数乘以每个叶子节点存储的记录数,即:M=(X 的 N-1 次方)乘以 Y...B+ 树中,所有的记录都存储叶子节点中,假设每个叶子节点都可以存储的行记录数为 Y; 那么 B+ 树可以存储数据总量为叶子节点总数乘以每个叶子节点存储的记录数,即:M=(X 的 N-1 次方)乘以

1.3K70

冯诺依曼体系结构

我们绝大多数计算机都遵循着冯诺依曼体系,即一整套计算机设备中,一定是由输入设备、存储器、运算器、控制器和输出设备构成。  其中: ①存储器指的是内存,而内存有一个特点,那就是掉电易失。...所以我们写代码的时候,编译的本质就是将代码变成二进制可执行程序后,成为可以让CPU认识的指令,那么传入CPU,让CPU计算的时候,CPU就翻自己的指令集,找到了相对于的指令,就可以进行处理了!...操作系统就是在这里做出决策的(需要预处理的数据多少,当不用的时候怎么清除,清除多少等等决策) 当把内存中的数据搬到外存中去,和把数据从外存搬到内存中去,这个操作,我们就称为IO过程。...对冯诺依曼的理解,不能停留在概念上,要深入到对软件数据流理解上 现在来看一个具体的实例: 假设和我的一个朋友,一个广东,一个北京,那么我们QQ聊天上,打出了一个"你好",那么数据流是如何在不同的电脑中流动...(这里不考虑网络)  是这样的:键盘上输入"你好"后,数据就会传到内存中进行加密处理,然后将数据一式两份,一份我们自己的显示器上显示出来,另一份通过网卡,再通过网络,传到了的朋友的网卡中,此时他的网卡的角色是输入设备

39920

几百万数据放入内存不会把系统撑爆吗?

Java引用类型 一个对象中除了有基本数据类型以外,我们也会有一些引用类型,引用类型的对象比较特殊,因为这些对象真正存储虚拟机中的堆内存中,对象中只是存储了一个引用而已,如果是引用类型那么就会存储一个指向该引用的指针...对象在内存中的布局 HotSpot虚拟机中,对象在内存中存储的布局可以分为三个区域:对象头(Header)、实例数据(Instance Data)、对齐填充(Padding)。 ?...String类中有两个属性,其中对象头固定了是12字节,int是4字节,char[]数组其实在这里相当于引用对象存的,所以存的是地址,因此占用4个字节,所以大小为对象头12Byte+实例数据8Byte...至于为什么要初始化大小的原因就是为了消除集合在扩容时对我们观察结果的影响 这里贴一张,集合未初始化大小和初始化大小内存占用对比图,大家可以看到是有内存上的差异,ArrayList数组中用于存放数据的是...可以看到和我们分析的数据是差不多的。 ? 用Map存储对象 用Map存储对象计算内存大小有些麻烦了,众所周知Map的结构是如下图所示。 ?

73821

.Net+SQL Server企业应用性能优化笔记4——精确查找瓶颈

SQL Server环境可以部署同一台机器上,条件允许的话有专门的数据库测试服务器那当然是更好,没有也无所谓。...是Web服务器上的函数执行花费了大量的时间还是数据库中的存储过程执行花费了大部分时间?到底每个函数,每个存储过程各自花费了多少时间呢?...这里通过查看源代码我们可以知道,该方法最终是调用了数据层中的p_cx_prodplanfinish存储过程,切换到SQL Server Profiler,我们可以看到系统调用该存储过程花费了10.98秒...(13)现在我们再回过头来算一下,整个页面载入花了13.27秒(Page_Load方法的时间),其中光执行这个存储过程就花了10.98秒,显然,这个瓶颈是存储过程p_cx_prodplanfinish...使用同样的方法,用ANTS Profiler和SQL Server Profiler就可以找出具体是哪个函数最耗时,耗了多少时间,哪个存储过程最耗时,耗了多少时间。

54520

几百万数据放入内存不会把系统撑爆吗?

Java引用类型 一个对象中除了有基本数据类型以外,我们也会有一些引用类型,引用类型的对象比较特殊,因为这些对象真正存储虚拟机中的堆内存中,对象中只是存储了一个引用而已,如果是引用类型那么就会存储一个指向该引用的指针...对象在内存中的布局 HotSpot虚拟机中,对象在内存中存储的布局可以分为三个区域:对象头(Header)、实例数据(Instance Data)、对齐填充(Padding)。 ?...String类中有两个属性,其中对象头固定了是12字节,int是4字节,char[]数组其实在这里相当于引用对象存的,所以存的是地址,因此占用4个字节,所以大小为对象头12Byte+实例数据8Byte...至于为什么要初始化大小的原因就是为了消除集合在扩容时对我们观察结果的影响 这里贴一张,集合未初始化大小和初始化大小内存占用对比图,大家可以看到是有内存上的差异,ArrayList数组中用于存放数据的是...可以看到和我们分析的数据是差不多的。 ? 用Map存储对象 用Map存储对象计算内存大小有些麻烦了,众所周知Map的结构是如下图所示。 ?

3.1K51
领券