jQuery的data函数使用遇到的坑

最新推荐文章于 2021-11-04 14:11:03 发布
最新推荐文章于 2021-11-04 14:11:03 发布
阅读量704 收藏 1
点赞数
分类专栏： jQuery 文章标签： jquery data函数 .data
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liupq66/article/details/77095265
版权

在HTML5的标签中可以使用data-自定义属性的形式存储数据，然后使用jQuery的data函数就可以获取该数据。

然而需要注意的是，HTML标签或属性是不区分大小写的，也就是说data-id跟data-ID是一样的。

但是JavaScript是区分大小写的，当你在标签中使用data-ID时，使用$.data("ID")就获取不到数据，因为实际上data-ID在HTML中会变成data-id(可以通过浏览器的开发者工具查看)

所以，在使用data-ID存储数据时，也要用data-id来获取数据

liupq66
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery的data函数
03-18
NULL 博文链接：https://hyj1254.iteye.com/blog/586984
关于jquery中全局函数each使用介绍
01-21
jquery 包含了两个each一个是 $().each 另一个是 $.each 区别就在于前一个是jquery对象的内置函数 而后一个 这是对象的遍历函数 一般用于ajax中获取不同的对象数据进行遍历以json为例 jquery 的getJSON 快捷方法可以便利的取得 指定url中的json文件 jquery 会内置的调用 js原生 的eval函数来解析json文本 转换成一个 js对象 然后通过each全局函数 进行遍历 以取得其中的值  语法 each(data,[params],function(当前项索引,当前项)) 这也是与 内置函数each的一个极大的不同, 内置函数中的 in
js,jQuery获取html5的data-*属性
weixin_33777877的博客
06-22 136
今天做项目的时候发现一个坑，关于jQuery获取data-*属性的方法data()，特写此篇来记录。 data-*自定义数据属性 HTML5规定可以为元素添加非标准型的属性，只需添加前缀data-，这些属性可以随意添加，随意命名，目的是为元素提供与渲染无关的信息，或提供语义信息。 js获取data-*的方式 通过dataset属性访问...
JS自定义data-*属性与jquery的data() 取值不到的问题
我爱技术男-江龙
01-21 556
下面是我拷贝的关于这个HTML5标签的用法说明，在很多说明中都没有描述一个问题。    注意：data-**  注意标红的位置只能用小写字母   data-开头属性使用方法参考如下： 人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是，你不知道将来会不会有其它脚本把你的自定义属性给重置掉，此外，你这样做也会导致html语法上不符合Html规范，以及一些其它副作用。...
使用jquery的data()方法获取不到自定义属性的值
weixin_44450506的博客
11-04 2329
在网站写获取功能的时候，发现在某个页面获取不到自定义的data的属性值，其它的页面都没有问题，但是那个页面获取的内容为undefined，经过排查发现，当时用的是jq的1.3版本，原来是因为jq的版本问题，data()是1.4.0后版本的方法 <a href="" class="regBtn" data-btn="1">点击</a> <a href="" class="regBtn" data-btn="2">点击</a> <a href="" cl
关于jQ data自定义属性的坑
KentKun的博客
05-08 477
关于jQ data自定义属性的坑 当data里面的属性值发生改变时 $('#test').data('name', 'hhh'); //$('#test').data('name') == 'hhh； //$('#test').attr('data-name') != 'hhh'; //等于原来的值 //无法使用 $('#test[data-name="hhh"]')获取到对象 ...
jQuery 中 data() 引发的错误
FE-阿阳的博客
02-01 1003
jQuery 中 data() 引发的错误 详情描述 jQuery 中 data()解释为可以获取、设置元素自定义的属性，但是尽量不用data()方法去获取元素的自定义属性；因为会引发一些隐形错误； 1. 只能获取到第一次赋值的属性，之后通过修改的值获取不到； 2. 如果值是string类型的数字，比如“123”，获取的时候会强转为number，123； 3. 所以建议还是使用 $(“d
jQuery 的 data() 与 attr() 使用，data() 为何无效？
qq_32506555的博客
02-22 2073
本文和大家分享的主要是jquery的data() 与 attr() 使用，data()无效相关内容，一起来看看吧，希望对大家学习jquery 有所帮助。 　　jQuery 的 data() 方法 　　HTML 元素可以自定义属性，一般约定以“data-”开头（你不这么约定也行，但是那样就用不到 jQuery 的 data() 了）。 　　jQuery 的 data() 可以方便取
由jquery缓存引发的一桩血案，data()无法取到data-*正确值
KevinHades的博客
01-26 5232
今天在应用中遇到一个非常奇怪的问题，实际上我的应用就是将点击table中的formatter中的操作时将rowid传入模态框modal中的保存按键button的data-id属性字段，实现如下 如下的效果， 在点击modal中的保存按钮时，onclick事件saveAuthMenu（this）将this传入function中 （如上图所示）， 在function中用jquery的...
jQuery中使用data()方法读取HTML5自定义属性data-*实例
fjnjxr的博客|PHP每周一贴
03-12 965
如果你使用jQuery类库，那么你可以非常愉悦的使用jquery的data()方法存取data-* 自定义属性，方法允许我们在DOM元素上绑定任意类型的数据,避免了循环引用的内存泄漏风险 主要的方法如下： .data( key, value ) .data( obj ) .data( key ) .data() 从jQuery 1.4.3起， H
详解jQuery中关于Ajax的几个常用的函数
12-11
一： AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 什么是 AJAX ？ AJAX = 异步 JavaScript 和 XML。...二：传统的Ajax过于繁琐，jquer封装了一些ajax常用的简单函数。  a： $.ajax()方
使用jQuery监听DOM元素大小变化
01-19
起因 今天写页面的时候突然有这么个需求，由于父元素（一个DIV）的height是由javascript计算...使用的是window对象的resize事件，利用： [removed] = callback; 来绑定。但根据resize事件的target是defaultView (w
jquery click([data],fn)使用方法实例介绍
12-11
click([[data],fn]) 返回值:jQuery 概述 触发每一个匹配元素的click事件。 这个函数会调用执行绑定到click事件的所有函数。 参数 fnFunctionV1.0 在每一个匹配元素的click事件中绑定的处理函数。 [data],fnString,...
基于matlab实现的空间调制通信过程，包含信号调制、天线选择等发送过程，以及采用最大似然估计的检测过程 .rar
最新发布
05-02
基于matlab实现的空间调制通信过程，包含信号调制、天线选择等发送过程，以及采用最大似然估计的检测过程。.rar
基于matlab的关于生猪养殖场经营管理的研究.docx
05-02
本文档是课题研究的研究报告内含调研以及源码设计以及结果分析
网络作为特征提取器-python源码.zip
05-02
网络作为特征提取器-python源码.zip
JavaScript-javaweb项目
05-02
JavaScript-javaweb项目
node-v12.11.0-linux-arm64.tar.xz
05-02
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
仿Slideby触屏版html5响应式手机wap网站模板下载.zip
05-02
触屏版自适应手机wap软件网站模板 触屏版自适应手机wap软件网站模板
jquery $.data函数
06-17
`$.data()` 函数是 jQuery 中用于存储和检索数据的方法，它可以将数据绑定到一个 DOM 元素上，并在需要时快速地检索它们。它的语法如下： ``` jQuery.data(element, key, value); ``` 其中： - `element`：必选，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值