jQuery .data（）不起作用，但.attr（）可以

置顶 已于 2024-02-27 14:40:26 修改
阅读量614 收藏
点赞数 1
分类专栏： 全套Linux软件部署 文章标签： 前端 java javascript
于 2022-08-17 00:26:01 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/QQ1375235976/article/details/126376960
版权
在处理数据绑定时遇到问题，发现使用jQuery的.data()方法设置的数据无法正常获取，而换为.attr()则可以成功。经分析，若元素已有data-xxx属性，需用.attr()来读取data-mentId的值。
摘要由CSDN通过智能技术生成 
$('#xxxId').data("mentId", "223344");
console.log($('#xxxId').attr("data-mentId"));
console.log($('#xxxId').data("mentId"));

使用data()设置，必须使用data()方法获取。

标签上之前就有data-xxx，必须使用$('#xxxId').attr("data-mentId")获取。

风小筝123
关注
专栏目录
订阅专栏
JQuery中attr属性和jQuery.data()学习笔记【必看】
10-22
下面小编就为大家带来一篇JQuery中attr属性和jQuery.data()学习笔记【必看】。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧
jQuery中.attr()和.data()的区别分析
10-19
$.attr()和$.data()本质上属于 DOM属性 和 Jquery对象属性 的区别。下面通过一个示例给大家介绍jQuery中.attr()和.data()的区别，一起看看吧
jQuery 的 data() 与 attr() 使用，data() 为何无效？
qq_32506555的博客
02-22 2162
本文和大家分享的主要是jquery的data() 与 attr() 使用，data()无效相关内容，一起来看看吧，希望对大家学习jquery 有所帮助。 　　jQuery 的 data() 方法 　　HTML 元素可以自定义属性，一般约定以“data-”开头（你不这么约定也行，但是那样就用不到 jQuery 的 data() 了）。 　　jQuery 的 data() 可以方便取
jq动态设置、获取自定义属性data-elem失效问题
乔的博客
10-29 805
jq动态设置、获取自定义属性data-elem失效问题
jQuery中的data方法只能获取不能设置值？
Felix__XP的博客
05-25 7350
data([key],[value]) 在元素上存放或读取数据,返回jQuery对象 上面是在jQuery手册中的截取，“存放”数据？先看代码<div id="div1" data-test="test">1</div> <script> console.log($("#div1").data("test"));//test </script>OK，读取是正常的。 再来，<div id
jQuery 中 data() 引发的错误
FE-阿阳的博客
02-01 1042
jQuery 中 data() 引发的错误 详情描述 jQuery 中 data()解释为可以获取、设置元素自定义的属性，但是尽量不用data()方法去获取元素的自定义属性；因为会引发一些隐形错误； 1. 只能获取到第一次赋值的属性，之后通过修改的值获取不到； 2. 如果值是string类型的数字，比如“123”，获取的时候会强转为number，123； 3. 所以建议还是使用 $(“d
jqery中无法通过 .data(key,value)方法来设置 data-*的属性
一个烂人的随手笔记
09-23 5029
https://segmentfault.com/q/1010000004959330 误解了data的用法, 试着看看jquery的源码中data的封装:data 很明显的表明$(element).data(); 是需要html标签中已经存在如这样的,所以题主找不到比较正常。 一般操作的时候,都会在html标签中添加data-name="value",然后再通过jquery
JQuery attr()和data()小坑
callmeCassie的博客
07-09 310
attr和data
jquery：jquery.data与attr的区别
胡世林的博客
08-12 600
个人觉得，data方法试用的是在jq开辟出来的缓存上，而attr方法是作用在视图上，比如下面的代码 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;bo
jquery 的 data 和 attr
weijia_kmy的博客
04-30 508
曾以为attr和data效果是一样的，只是attr需要多写一点代码量。后来在开发中发现他们并不相同。先写两个div体验一下: &lt;div id="test1"&gt;test1&lt;/div&gt; &lt;div id="test2"&gt;test2&lt;/div&gt; &lt;script&gt; // 赋值 $("#test1").a
jQuery缓存导致 data( ) 方法无法取到最新的值
qq_39309971的博客
11-14 854
有以下代码： HTML（部分代码）： &lt;table id="secondTypeTable" class="col-xs-4" data-type-level="2" data-parent-id=""&gt; 其中 "data-parent-id" 属性会动态改变。 2. JavaScript（部分代码）： var parentId = that.parents("ta
jQuery中data方法遇到的bug
最新发布
qq_62452129的博客
02-14 221
解决办法:不使用data方法来获取 使用jQuery的attr来获取他的属性就好了。
jquery data与attr 坑
lyj330852840的博客
04-08 243
attr 1. 获取元素节点上的属性 2. 设置的值，会呈现在html节点上。 3. 获取的值 是字符串 data ==》 个人是不推荐使用，虽然方便，但是容易造成不可知的错误。 1. 获取元素节点上 data- 开头的属性值，获取时不加 data- , 2. 也可以获取 通过data方法设置的 data的值，该data值不会呈现在ht...
bug宝典js篇 jquery获取不到data属性的值
warrah 南极狼
01-01 3165
下面data-moniAdd这个属性的值获取不到，<c:forEach var="item" items="${upMoniInfos }" varStatus="idx"> <div class="col col-xs-4 "> <div cla
bootstrap data与jquery .data
10-25
从jQuery源码的片段中我们可以看出，当调用`.data()`方法而不传递任何参数时，jQuery会遍历元素的所有属性，查找那些以`data-`开头的属性，并将它们转换为驼峰命名的JavaScript对象属性。这样，用户在HTML中通过`...
Jquery中.attr()和.data()的区别
qq_36210329的博客
08-26 160
$.attr()和$.data()本质上属于DOM属性和Jquery对象属性的区别。 一个简单的例子 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 ...
jQuery的data函数使用遇到的坑
liupq66的博客
08-11 745
在HTML5的标签中可以使用data-自定义属性的形式存储数据，然后使用jQuery的data函数就可以获取该数据。 然而需要注意的是，HTML标签或属性是不区分大小写的，也就是说data-id跟data-ID是一样的。 但是JavaScript是区分大小写的，当你在标签中使用data-ID时，使用$.data("ID")就获取不到数据，因为实际上data-ID在HTML中会变成data-id
由jquery缓存引发的一桩血案，data()无法取到data-*正确值
KevinHades的博客
01-26 5306
今天在应用中遇到一个非常奇怪的问题，实际上我的应用就是将点击table中的formatter中的操作时将rowid传入模态框modal中的保存按键button的data-id属性字段，实现如下 如下的效果， 在点击modal中的保存按钮时，onclick事件saveAuthMenu（this）将this传入function中 （如上图所示）， 在function中用jquery的...
理解JQuery中的data()使用方法
mango_love的专栏
09-04 9949
在前端我们经常会做的操作就是做数据状态的判断和数据处理、提交，经常会操作dom，也会保存一个全局的数据处理。这样做是可以实现很多功能，但是缺点就是过多操作dom会浪费性能，全局数据保存多了有时候真的会搞混淆。所以jq提供了一个data()缓存机制，有两种使用方式，一种是绑定在元素上面的data()，一种是存储在一个链式的对象上面。下面我们就来介绍这两种使用方式。 第一种：绑定在dom上 va...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

风小筝123

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值