jq data属性操作的一个陷阱

最新推荐文章于 2024-08-08 07:18:07 发布
最新推荐文章于 2024-08-08 07:18:07 发布
阅读量1.6k 收藏
点赞数
分类专栏： jquery 文章标签： javascript jquery

今天操作元素的data-xxx属性的时候前面修改值使用了attr(),取数据用了data(),页面上看貌似改掉了,但是data函数调用的时候却还是原来的值.

后来发现修改和取得数据都用data就正常了.

以下是参考文章:

http://blog.csdn.net/chennanfei/article/details/18055671

csssy003
关注
专栏目录
2022前端笔记
马航机长的博客
06-24 2241
tip：只记录本人记得不牢固的，或者有启发的点，新手建议多看书 1、原型链 实例对象的constructor也会指向构造函数 因为没有constructor属性会通过原型链找（容易忽略，是个小陷阱） function Person() {} var person = new Person(); console.log(person.constructor === Person); // true __proto__ 来自于 Object.prototype,更像是一个 getter/setter，使用 o
vue 日期面板_基于Vue2-Calendar改进的日历组件（含中文使用说明）
weixin_35738304的博客
01-12 1916
一，前言我是刚学Vue的菜鸟，在使用过程中需要用到日历控件，由于项目中原来是用jQuery写的，因此用了bootstarp的日历控件，但是配合Vue实在有点蛋疼，不够优雅……于是网上搜了好久找到了Vue2-Calendar，不用说，挺好用的，但是同时也发现这个组件有些问题，有些功能挺不符合我们的要求，于是着手改了一版二，改进的功能在Vue2-Calendar v2.2.4 版基础上作了优化。改进原...
jQuery.data() 的实现方式
03-23
NULL 博文链接：https://xxing22657-yahoo-com-cn.iteye.com/blog/1042440
jQuery笔记 （一）
qw2319205chu的博客
02-26 361
jquery data()函数 一、jquery data()的作用 data() 方法向被选元素附加数据，或者从被选元素获取数据。 通过data()函数存取的数据都是临时数据，一旦页面刷新，之前存放的数据都将不复存在。 该函数属于jQuery对象(实例)。如果需要移除通过data()函数存放的数据，请使用 removeData() 函数。 二、jquery data的使用方式 1、获取附加的da...
探索金融量化新境界：JQData——你的本地量化数据专家
gitblog_00661的博客
08-08 630
探索金融量化新境界：JQData——你的本地量化数据专家 jqdatasdk简单易用的量化金融数据包(easy utility for getting financial market data of China)项目地址:https://gitcode.com/gh_mirrors/jq/jqdatasdk 项目介绍 在金融量化研究的世界里，拥有一款高效、准确且易用的数据服务工具至关重要。J...
jQuery Data 属性
Proction的博客
12-12 1157
JS中的data自定义属性
jQuery.data() 函数详解
chelen_jak的专栏
12-31 915
转自：http://www.365mini.com/page/jquery-data.htm data()函数用于在当前jQuery对象所匹配的所有元素上存取数据。 通过data()函数存取的数据都是临时数据，一旦页面刷新，之前存放的数据都将不复存在。 该函数属于jQuery对象(实例)。如果需要移除通过data()函数存放的数据，请使用removeData()函数。
jQuery.data方法
nbin2008的博客
03-07 820
jQuery缓存方法
JSON数据分析陷阱识别与规避：数据质量问题大揭秘
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，广泛用于Web应用程序和数据存储。JSON数据分析涉及对JSON数据进行处理、分析和提取见解的过程。 JSON数据分析的目标是将非结构化的JSON数据转换为...
JSON数据建模陷阱大揭秘：如何规避和解决
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，广泛用于Web开发和数据存储。JSON数据建模是将数据结构化为JSON格式的过程，以方便数据传输、存储和处理。 JSON数据建模的优点包括： - **易于...
前端关于JavaScript面试题（十）
Jojorain的博客
03-14 696
122.在jQuery的事件处理中return false会有什么作用？ 阻止默认行为，取消事件冒泡，以及停止回调执行立即返回。 比如，一个`<a>`点击后打开一个链接，如果你给这个`<a>`添加一个`click`事件， 在`click`事件中`return false`，那么你点击这个`<a>`后，会处理`click`事件，但是不会打开链接了。 123.jQ...
jq---data()方法的妙用
wangle_style的博客
04-03 1775
有这样一种场景：将左侧表格中的内容在点击添加的时候，右侧列表会增加相应的一列数据，然而反过来还需要点击右侧列的删除时相应的对左侧表格中的对应行操作，此时可以用jq的data()方法，在第一步点击左侧表格添加的时候向该行附加数据，然后左侧点击删除的时候根据附加的数据选择对应行！其实质是把附加数据作为标记，代码如下：// 左侧点击添加到右侧列表    $('.nowkucun_table1').on(...
jQuery data()方法怎么使用？
zy1992As的博客
11-06 433
data()方法用来在指定的元素上存取数据。数据保存在内存中，并不会修改DOM元素结构；一旦页面刷新，之前存放的数据都将被移除。在上述代码中，第3行用来获取data-index属性，属性名中不需要“data-”前缀，并且返回的结果是数字型。上述代码运行后，uname会保存到内存中，不会出现在HTML结构中。在开发者工具中查看元素，如下图所示。使用data()方法还可以读取HTML5自定义属性data-index，示例代码如下。下面我们演示通过data()方法实现数据的操作，示例代码如下。
jQuery 的 data() 与 attr() 使用，data() 为何无效？
qq_32506555的博客
02-22 2147
本文和大家分享的主要是jquery的data() 与 attr() 使用，data()无效相关内容，一起来看看吧，希望对大家学习jquery 有所帮助。 　　jQuery 的 data() 方法 　　HTML 元素可以自定义属性，一般约定以“data-”开头（你不这么约定也行，但是那样就用不到 jQuery 的 data() 了）。 　　jQuery 的 data() 可以方便取
jq选择器 常用方法总结 data数据存储
苏先生前端
10-15 1237
dom选择器$符号起步参数形式如css即可 进一步选择元素相关方法： .get() 在你选取的标签之中获取指定的那个索引选取或者属性选取并且该元素是原生dom 数组形式，故无法实现链式调用 .eq() 在选取的基础上进行筛选雷同get方法 但是他会返回一个jq对象可实现链式调用 .find() 参数和$一致进行选区dom 在前面基础结构中查找一层层递进 该方法...
深入jQuery中的data()
汪飞的博客
03-03 942
引入 　　data函数在jQuery中看起来很不起眼, 就像沙滩上一颗平凡的沙子, 但仔细一瞅, 却惊讶的发现data是jQuery中无比重要的一环, 甚至jQuery中各种事件都基于此。 data有什么作用？ 　　在我们平时js编码过程中，我们经常会向DOM元素中添加各种自定义属性，这样有一个弊端。 　　1  假设我们在DOM元素中添加了一个属性，这个属性指向了某个js对
理解JQuery中的data()使用方法
mango_love的专栏
09-04 9896
在前端我们经常会做的操作就是做数据状态的判断和数据处理、提交，经常会操作dom，也会保存一个全局的数据处理。这样做是可以实现很多功能，但是缺点就是过多操作dom会浪费性能，全局数据保存多了有时候真的会搞混淆。所以jq提供了一个data()缓存机制，有两种使用方式，一种是绑定在元素上面的data()，一种是存储在一个链式的对象上面。下面我们就来介绍这两种使用方式。 第一种：绑定在dom上 va...
jquery - data 方法
sixteen_cicle的博客
10-21 301
说明： 1.data() 函数用于在指定的元素上存取数据，返回设置值。 2.通过 data() 函数存取的数据都是临时数据，一旦页面刷新，之前存放的数据都将被移除。 举例： jQuery.data( div, "test", {         first: "16元",         last: "黄焖鸡!"     }); $( "span:first" ).text( jQ
jq 找到有某一个属性值的子元素并删除
最新发布
09-27
这里是一个示例： ```javascript // 假设你有一个HTML元素，例如 let $list = $('#myList'); // 定义你要查找的属性名和属性值，比如"class"属性和值"target" let attrName = 'class'; let attrValue = 'target'; ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值