jquery.data()

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

新的HTML5标准允许你在普通的元素标签里，嵌入类似data-*的属性，来实现一些简单数据的存取。它的数量不受限制，并且也能由javascript动态修改，也支持CSS选择器进行样式设置。这使得data属性特别灵活，也非常强大。有了这样的属性我们能够更加有序直观的进行数据预设或存储。下面介绍HTML5Dataset存储的实际应用，以及包括jQuery在内的四种存取方式。HTML5Dataset存储

琳潋·2023-11-16 14:37

js获取标签元素data-*属性值的4种方法

目录方式一：dataset方式二：getAttribute/setAttribute/removeAttribute方法三：jQuery.attr方法四：jQuery.data前言:标签上有两个属性data-id

·2022-06-01 12:28

jQuery源码二周目#7 数据缓存

静态与实例方法1.jQuery.data()静态方法有三种重载：jQuery.data(elem,key,value)给elem设置属性jQuery.data(elem,data)给elem设置多个属性

柠檬果然酸·2021-06-11 06:28

jQuery.data() 函数详解

转自：http://www.365mini.com/page/jquery-data.htmdata()函数用于在当前jQuery对象所匹配的所有元素上存取数据。通过data()函数存取的数据都是临时数据，一旦页面刷新，之前存放的数据都将不复存在。该函数属于jQuery对象(实例)。如果需要移除通过data()函数存放的数据，请使用removeData()函数。语法data()函数有以下两种用法：

chelen_jak·2020-08-23 16:00

jQuery缓存数据——仿Map

首先分享1篇博文——《读jQuery之六（缓存数据）》，还有2个文档：Jquery中的.data()方法，以及jQuery.data()方法。通过这些资料，你应该就会对缓存数据有了一定的了解。

龙轩·2020-07-29 12:58

前端学习-jQuery学习小笔记（2）——jQ属性样式篇

jQuery.data()静态方法点击看结果jQuery.data.data()实例方法点击看结果.data$('.left').click(function(){varele=$(this);//通过

Edison_困·2020-07-29 09:08

使用jQuery.data() 注意事项

我很喜欢使用jquery去解决前端的问题。今天在使用data()函数时候发现有点坑，试了好久没出来，现在总结下。通常我们会使用ajax请求后端，并且返回json对象，然后拿这个对象遍历出值并放到元素中显示出来。当我们需要在这个在这个元素设置一个标识时。我们可以自定一个属性，并用attr()方法去获取值。如张三这样，我们就可以使用$(".s").attr("userid")获取到值但是，这样感觉有点

smile_life_·2020-07-13 13:25

前后端数据交互方法

实时传输数据总结HTML赋值输出到Element的value或data-name"/>">渲染结果使用JS获取$('input').val();//http://jquery.bootcss.com/jQuery.data

打完这仗回家结婚·2020-07-11 00:31

前后端数据交互方法汇总

HTML赋值输出到Element的value或data-name1"/>2">渲染结果122、使用JS获取1$('input').val();3//http://jquery.bootcss.com/jQuery.data

weixin_30567225·2020-07-09 09:22

前后端数据交互方法总结

实时传输数据总结HTML赋值输出到Element的value或data-name"/>">渲染结果使用JS获取$('input').val();//http://jquery.bootcss.com/jQuery.data

婷妮·2020-07-09 08:39

jQuery对象数据缓存Cache原理及jQuery.data详解

网上有很多教你怎么使用jQuery.data(..)来实现数据缓存，但有两个用户经常使用的data([key],[value])和jQuery.data(element,[key],[value])几乎没有什么文章说清楚它们两的区别

JiaLiSOFTWARE·2020-07-01 10:24

[ Layer ] layer.open弹出层中如何进行子父层数据交互

layer.open弹出层中如何进行子父层数据交互相关技术要点1、layer.open2、jquery.data()3、jquery.removeData()4、jsisNaN一、首先了解下layer.open

架构探险之道·2020-06-26 11:38

$.data()、$().data

两个方法很相似，但是有区别，简单说一下：$.data()：jq的静态方法，也就是jQuery.data()直接调用$().data()：实例方法，先有实例，才能调用这个方法，例如：$("#id").data

MakeGreatEffort·2020-06-25 12:32

实现前后端数据交互方法汇总

HTML赋值输出到Element的value或data-name"/>">渲染结果使用JS获取$('input').val();//http://jquery.bootcss.com/jQuery.data

·2019-09-25 02:32

JQuery中attr属性和jQuery.data()学习笔记【必看】

用html直接data-key来存放，key必须全部小写。consoloe.log($("div").data("mydata"));//output123二避免在key中使用短横线fizzbuzz!$('#bar').data().fooBarBaz;//works$('#bar').data()['fooBarBaz'];//works$('#bar').data()['foo-bar-baz

·2019-09-24 02:52

详谈$.data()的用法和作用

jQuery.data即$.data()。向元素附加数据，然后取回该数据这是提供给客户端程序员使用的方法，它同时是setter/getter。

·2019-09-22 21:31

深入学习jquery源码之data()

深入学习jquery源码之data()jQuery.data(element,[key],[value])概述:在元素上存放数据,返回jQuery对象。注意：这是一个底层方法。

wespten·2018-12-24 09:30

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

新的HTML5标准允许你在普通的元素标签里，嵌入类似data-*的属性，来实现一些简单数据的存取。它的数量不受限制，并且也能由javascript动态修改，也支持CSS选择器进行样式设置。这使得data属性特别灵活，也非常强大。有了这样的属性我们能够更加有序直观的进行数据预设或存储。下面介绍HTML5Dataset存储的实际应用，以及包括jQuery在内的四种存取方式。HTML5Dataset存储

Edison_困·2017-09-06 15:16

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

新的HTML5标准允许你在普通的元素标签里，嵌入类似data-*的属性，来实现一些简单数据的存取。它的数量不受限制，并且也能由javascript动态修改，也支持CSS选择器进行样式设置。这使得data属性特别灵活，也非常强大。有了这样的属性我们能够更加有序直观的进行数据预设或存储。下面介绍HTML5Dataset存储的实际应用，以及包括jQuery在内的四种存取方式。HTML5Dataset存储

Edison_困·2017-09-06 15:16

前端学习-jQuery学习小笔记（2）——jQ属性样式篇

jQuery.data()静态方法点击看结果jQuery.data.data()实例方法点击看结果.data$('.left').click(function(){varele=$(this);//通过

Edison_困·2017-04-03 02:40

jQuery.prop()、 jQuery.attr()、jQuery.data()方法的用法和区别

jQuery.prop()和jQuery.attr()方法同样都能够添加属性，但是也是有区别的，一般attr()用的比较频繁，但是有些情况用prop()更为方便。基本的使用：.bg{width:200px;height:200px;background-color:red;}.bd{border:1pxsolid#000;}$(function(){$("div").attr("class","b

youfrweb·2017-03-24 11:29

jQuery笔记——工具函数——缓存

一、定义缓存data（）函数：为jQuery对象定义缓存数据jQuery.data（element，key，value）参数解释：element：要关联数据的DOM对象key：存储的数据名value：新数据值允许在

行走的鹿·2016-12-19 23:14

jQuery笔记——工具函数——缓存

一、定义缓存data（）函数：为jQuery对象定义缓存数据jQuery.data（element，key，value）参数解释：element：要关联数据的DOM对象key：存储的数据名value：新数据值允许在

行走的鹿·2016-12-19 23:14

深入理解jQuery.data() 的实现方式

jQuery.data()的作用是为普通对象或DOMElement附加（及获取）数据。

ellisonDon·2016-11-30 16:36

jQuery1.9.1源码分析--数据缓存Data模块

jQuery1.9.1源码分析--数据缓存Data模块阅读目录jQueryAPI中Data的基本使用方法介绍jQuery.acceptData(elem)源码分析jQuery.data(elem,name

空智·2016-06-01 07:04

jQuery1.9.1源码分析--数据缓存Data模块

jQuery1.9.1源码分析--数据缓存Data模块阅读目录jQueryAPI中Data的基本使用方法介绍jQuery.acceptData(elem)源码分析jQuery.data(elem,name

龙恩0707·2016-05-19 00:00

JQuery数据缓存

JQuery数据缓存data([name])data(obj)removeData(name)jQuery.data([element],[key])测试用例 JQuery数据缓存 JQuery

u010989191·2016-05-02 17:00

JQuery中attr属性和jQuery.data()学习笔记

用html直接data-key来存放，key必须全部小写。consoloe.log($("div").data("mydata")); //output123二避免在key中使用短横线fizzbuzz!$('#bar').data().fooBarBaz;//works $('#bar').data()['fooBarBaz'];//works $('#bar').data()['foo-b

龙果果·2016-04-18 20:00

自定义新属性 data-*

目录：1.引子:attribute和property的区别详解2.解决方案：data-*/dataset和attribute的关系3.自定义属性data-*和jQuery.data详解-利用getAttribute

hi_1991world·2016-03-20 20:00

获取子窗口中使用jQuery.data()设置的参数

http://hyj1254.iteye.com/blog/643035 假设在iframe子窗口中设置了$('#mydata').data('key','hello world'); 那在包含iframe的父页面中如何获取它呢？直接使用$('#mydata').data('key')是不行的。原因是：data()将数据存

·2015-11-12 17:27

被忽略的jQuery中data()函数

jQuery.data是1.2.3版的新功能。你可以在很多地方使用这个函数，

·2015-10-31 19:34

获取子窗口中使用jQuery.data()设置的参数置的参数

假设在iframe子窗口中设置了$('#mydata').data('key','hello world'); 那在包含iframe的父页面中如何获取它呢？直接使用$('#mydata').data('key')是不行的。原因是：data()将数据存入了iframe页面的jQuery对象中，与父页面的jQuery对象无关。父页面中的

·2015-10-31 11:59

jQuery.data() 的实现方式

jQuery.data() 的作用是为普通对象或 DOM Element 附加（及获取）数据。

·2015-10-30 12:30

jQuery.data() 的实现方式

jQuery.data() 的实现方式 jQuery.data() 的作用是为普通对象或 DOM Element 附加（及获取）数据。

·2015-10-30 10:05

jQuery 判断元素上是否绑定了事件

判断元素上是否绑定过事件用如下语句 jQuery.data(elem,"events")[ty

·2015-10-27 15:14

javascript 缓存系统

像jQuery.data这样的东西，Prototype与mootools也有，目的都是用来辅助事件系统，用来缓存其中生成的数据，而非缓存普通函数上次计算的结果。

·2015-10-23 09:33

【原创】jQuery1.8.2源码解析之jQuery.data

数据缓存，jQuery现在支持两种： 1. dom元素，数据存储在jQuery.cache中。 2.普通js对象，数据存储在该对象中。以下是源代码： 1 var rbrace = /^(?:\{.*\}|\[.*\])$/, 2 rmultiDash = /([A-Z])/g; 3 4 // 首先是对jQuery对象自身的扩展

·2015-10-23 08:21

jQuery.prop , jQuery.attr ,jQuery.data

理一下这几个概念吧。根据jquery官网。 jquery.prop 获取匹配的元素中第一个元素特定的属性值，或者是设置多个元素的属性值。有4个重载。 .prop(propertyName) 获取属性名对应的属性值。如果是多个的话返回第一个。如果值没有设置过或者不存在匹配的元素的话返回空(如果存在这个prop的key，比如var val=$("#div1").pro

·2015-10-21 12:36

jQuery源码学习笔记十（改）

之前jQuery管理回调函数都依赖于一个叫global 的顶层变量，在jQuery1.2.2中（这个版本也是个重要的版本，修正了一百多处bug），搞出缓存系统，也是之前介绍过的jQuery.data。

·2015-10-21 12:35

读jQuery之十三

jQuery的事件模块严重依赖于其数据储存(jQuery.data)，你会发现我的代码中的dataManager对象对应它。这里只提供bind和unbind方法。

·2015-10-21 10:19

jQuery缓存数据——仿Map

首先分享1篇博文——《读jQuery之六（缓存数据）》，还有2个文档：Jquery中的.data()方法，以及jQuery.data()方法。通过这些资料，你应该就会对缓存数据有了一定的了解。

白志华·2015-10-18 10:00

jQuery源码分析之深入理解jQuery.data,jQuery._data以及data实例函数十八问

问题1：jQuery内部的数据保存的格式是什么，通过data保存的数据和注册的事件格式有什么区别?首先看下面的代码：$._data($("#data")[0],"name","qinliang"); $._data($("#data")[0],"sex","male"); $("#data").click(function() { console.log("click1"); }); $("#da

liangklfang·2015-09-28 10:00

jQuery缓存数据——仿Map

首先分享1篇博文——《读jQuery之六（缓存数据）》，还有2个文档：Jquery中的.data()方法，以及jQuery.data()方法。通过这些资料，你应该就会对缓存数据有了一定的了解。

testcs_dn·2015-07-28 14:00

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

新的HTML5标准允许你在普通的元素标签里，嵌入类似data-*的属性，来实现一些简单数据的存取。它的数量不受限制，并且也能由javascript动态修改，也支持CSS选择器进行样式设置。这使得data属性特别灵活，也非常强大。有了这样的属性我们能够更加有序直观的进行数据预设或存储。下面介绍HTML5Dataset存储的实际应用，以及包括jQuery在内的四种存取方式。 HTML5Dataset存

朱先忠老师·2015-07-18 14:53

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

新的HTML5标准允许你在普通的元素标签里，嵌入类似data-*的属性，来实现一些简单数据的存取。它的数量不受限制，并且也能由javascript动态修改，也支持CSS选择器进行样式设置。这使得data属性特别灵活，也非常强大。有了这样的属性我们能够更加有序直观的进行数据预设或存储。下面介绍HTML5Dataset存储的实际应用，以及包括jQuery在内的四种存取方式。HTML5Dataset存储

googlingman·2015-07-18 14:53

jQuery.data() 存储数据

jQuery.data()的实现方式jQuery.data()的作用是为普通对象或DOMElement附加数据。

u013628152·2015-06-27 00:00

jQuery.data()和html5 dataset

我们先来看下HTML 5 增加的一项新功能是自定义数据属性-- data-* 自定义属性 http://www.css88.com/archives/4715 <div id="user" data-uid="123456" data-uname="html5" data-d

小丑鱼0703·2015-03-26 16:00

jQuery.data() 的实现方式

转自：http://xxing22657-yahoo-com-cn.iteye.com/blog/1042440jQuery.data()的实现方式 jQuery.data()的作用是为普通对象或DOMElement

chelen_jak·2015-03-17 17:00

jQuery.data() 使用方法

data() 方法向被选元素附加数据，或者从被选元素获取数据。在实际开发中，可以用来记录上一步操作某一对象的值，来给下一步操作做一些判断 $("#btn1").click(function(){ $("#a").data("value", "Hello World"); }); $("#bt

·2015-02-02 17:00

被忽略的jQuery中data()函数

jQuery.data是1.2.3版的新功能。你可以在很多地方使用这个函数，另外jQueryU

jinyeweiyang·2014-11-06 11:00

推荐频道

jquery.data()

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

js获取标签元素data-*属性值的4种方法

jQuery源码二周目#7 数据缓存

jQuery.data() 函数详解

jQuery缓存数据——仿Map

前端学习-jQuery学习小笔记（2）——jQ属性样式篇

使用jQuery.data() 注意事项

前后端数据交互方法

前后端数据交互方法 汇总

前后端数据交互方法总结

jQuery对象数据缓存Cache原理及jQuery.data详解

[ Layer ] layer.open弹出层中如何进行子父层数据交互

$.data()、$().data

实现前后端数据交互方法汇总

JQuery中attr属性和jQuery.data()学习笔记【必看】

详谈$.data()的用法和作用

深入学习jquery源码之data()

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

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

前端学习-jQuery学习小笔记（2）——jQ属性样式篇

jQuery.prop()、 jQuery.attr()、jQuery.data()方法的用法和区别

jQuery笔记——工具函数——缓存

jQuery笔记——工具函数——缓存

深入理解jQuery.data() 的实现方式

jQuery1.9.1源码分析--数据缓存Data模块

jQuery1.9.1源码分析--数据缓存Data模块

JQuery数据缓存

JQuery中attr属性和jQuery.data()学习笔记

自定义新属性 data-*

获取子窗口中使用jQuery.data()设置的参数

被忽略的jQuery中data()函数

获取子窗口中使用jQuery.data()设置的参数置的参数

jQuery.data() 的实现方式

jQuery.data() 的实现方式

jQuery 判断元素上是否绑定了事件

javascript 缓存系统

【原创】jQuery1.8.2源码解析之jQuery.data

jQuery.prop , jQuery.attr ,jQuery.data

jQuery源码学习笔记十（改）

读jQuery之十三

jQuery缓存数据——仿Map

jQuery源码分析之深入理解jQuery.data,jQuery._data以及data实例函数十八问

jQuery缓存数据——仿Map

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

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

jQuery.data() 存储数据

jQuery.data()和html5 dataset

jQuery.data() 的实现方式

jQuery.data() 使用方法

被忽略的jQuery中data()函数

前后端数据交互方法汇总