JQuery怎样存储数据
1、Dataset是新的页面标准,允许你在普通的元素标签里面嵌套类似的data属性值,用来实现一些简单的储存,他的数量不受限制,并且能动态修改,也支持CSS样式选择器进行样式设置,这使得data属性极其灵活,也非常强大,有了专业带属性,我们能够更加的有序直观的进行数据预设或储存。
2、JQuer提供的数据存储接口:
静态接口(存数据):Jquery.data(element,key,value) element是要关联DOM对象 Key要有存储数据名称 value 是即将要存储的任意数据
静态接口(取数据):Jquery.data(element,key,) 在取数据接口里面的样式都是不同于存数据接口的 element是要查询数据的DOM对象,key是存储的数据名
实例接口(取数据): data(key) key是存储数据名
这两个方法在使用存储过程都是使用同一个接口传递元素,键值数据,我们可以把 DOM看成一个对象,那么我们的对象身上是卡也存在基本类型的,可以引用类型的数据,但会引发一些问题,可能会存在循环引用的内存风险,但我们可以通过Jquery提供的数据接口就可以很好的处理这个问题, 不需要担心他的底层是如何实现的,只需要按照对应的data方法就好了。
同样的也提供了两个对应的删除接口,使用上与data方法是一样的,只不过是增加了一个删除罢了,
在元素上移除存放的数据:Jquery.removeData(element,name) element 是要删除的数据Dom对象 name是规定要删除的数据名称,这个是可以选择的
.removeData(name) name是规定要删除的数据名称,这个是可以选择的
在这个方法里如果没有规定名称,该方法将会从被选元素中删除所有已存储的数据。
JQuery怎样存储数据相关推荐
- 浏览器对象存储数据详解
浏览器对象存储数据详解 前言 随着需求的发展,浏览器的功能正变的越来越强大,在本地存储数据可以极大的方便人们进行各种操作,如localStroage/sessionStroage等,下面我就记录在项目 ...
- 基于vue练习demo:发表评论案例 (使用localStorage存储数据)
前言 最近在学习 VUE的相关知识,之前学习html和css3和原生js及jq库时感觉还挺轻松,但是接触vue框架之后才发现需要了解的东西太多了(如 vue-router,vue-cli,webpac ...
- jQuery web存储 详解
写在本章开始前: 第十七章作为独立的一章,涉及到jQuery的方方面面,是篇幅很长的一章.为了更新客户端存储(本章),特跳过十七章.(十七章将在本章完成后继续更新,望大家关注.) web应用允许 ...
- SSM 实训笔记 -10- 使用 sessionStorage 存储数据、js 图片验证码、登录加载动画
SSM 实训笔记 -10- 使用 sessionStorage 存储数据.js 图片验证码.登录加载动画 本篇内容: (1)在登录成功时,使用 sessionStorage 存储用户的用户名,并在登录 ...
- 2021年大数据HBase(十三):HBase读取和存储数据的流程
全网最详细的大数据HBase文章系列,强烈建议收藏加关注! 新文章都已经列出历史文章目录,帮助大家回顾前面的知识重点. 目录 系列历史文章 HBase读取和存储数据的流程 一.HBase读取数据的流程 ...
- 深入分析jquery解析json数据
我们先以解析上例中的comments对象的JSON数据为例,然后再小结jQuery中解析JSON数据的方法. JSON数据如下,是一个嵌套JSON: {"comments":[{& ...
- .pgr照片文件解析,C++与Java存储数据差别大小端模式
一..pgr是什么? .pgr文件是二进制的图像文件,可以用普通的文本文件打开,或者查看十六进制的文本信息: 读取需要了解~~~非常重要 !!! 基本数据类型的大小端存储模式 表头Header 详细信 ...
- string生成固定长度的哈希_Redis 选择Hash还是String 存储数据?
点击上方"Java之间",选择"置顶或者星标" 你关注的就是我关心的! 作者:goodspeed 微信公众号:四月(ID:hiiiapril) 在stackov ...
- 在python中使用json格式存储数据
在python中使用json格式存储数据 代码如下: import jsonlist1 = [{'A': [1, 2, 3, 4, 5, 6], 'B': [3, 4, 5, 6, 7]},{'C': ...
最新文章
- hql调用mysql存储过程_hibernate调用mysql存储过程
- 二十二、新人成才之路《做人七项原则 做一个节俭惜福的人》
- 盘点程序员写过的惊天Bug:亏损30亿、致6人死亡,甚至差点毁灭世界
- 第二百二十六天 how can I 坚持
- 霍夫曼树(最优二叉树)的实现
- 统计消息总数_和公牛一战,库里创三个记录,耀眼的还是三分球总数
- 2020对于音视频行业意味着什么?
- C++之inline函数使用总结
- 【开源项目】Android开发内置App自动升级
- win10易升_微软Win10版本20H2正式版官方ISO镜像下载大全_windows10_Windows系列_操作系统...
- Spring Boot Data JPA
- Git使用六:版本对比
- java23中设计模式——行为模式——Chain of Responsibility(职责链)
- 微信小程序-005-投票功能-设置投票
- TC4056A丝印1A 线性锂离子电池充电IC
- Guava---Splitter
- 螺旋扩孔的效率高,但侧壁质量不如步进扩孔
- excel筛选栏显示各项数量_excel筛选显示数量
- Origin Pro 8.5 导出EPS格式稿件图片的设置
- 图像处理用什么神经网络,神经网络图像处理