首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在我更改值后,JQuery .data()不提取这些值

在使用jQuery的.data()方法时,如果在更改了元素的属性值后,.data()方法不会自动提取这些新的值。这是因为.data()方法在首次调用时会将元素的data-*属性的值缓存起来,之后的调用都会返回这个缓存的值,而不会再去读取元素的属性值。

如果想要获取最新的属性值,可以使用.attr()方法来获取元素的属性值,或者使用.prop()方法来获取元素的属性值(对于布尔属性)。

示例代码如下:

代码语言:txt
复制
// 更改元素的属性值
$('#myElement').attr('data-value', 'new value');

// 使用.attr()方法获取最新的属性值
var newValue = $('#myElement').attr('data-value');

// 使用.prop()方法获取最新的属性值(对于布尔属性)
var checked = $('#myCheckbox').prop('checked');

在上述示例中,我们首先使用.attr()方法将元素的data-value属性值更改为'new value'。然后,我们可以使用.attr()方法获取最新的属性值,并将其存储在变量newValue中。对于布尔属性,如复选框的checked属性,我们可以使用.prop()方法来获取最新的属性值,并将其存储在变量checked中。

需要注意的是,.data()方法主要用于存储和检索与元素相关的数据,而不是元素的属性值。如果需要频繁地获取和更改元素的属性值,建议直接使用.attr()或.prop()方法来操作。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

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

其中data-available没有,允许空,例如在这个情况下,它仅代表该食物可以订购,所以不需要有。...,但是需要注意,jQuery.datadata数据做出的更改,不会反映到HTML元素data属性上。...也就是说,jQuery现在认为#food-pkd元素的data-en为"Beijing Stuffed Duck",但是HTML元素上,其还是没有改变,仍为"Peking Duck": window.jQuery...CSS、jQuery 查找 data 属性对应元素 如果想要所有专辑名(data-album)为Disclosure的歌曲名显示为红色,CSS选择器里,我们可以这样去匹配 .musique[data-album...如果想要所有的现在可订购的食物点击弹出对话窗,jQuery里,也可以通过中括号[]用以下方式去轻松匹配 window.jQuery && (function($){ $(".food").filter

1.5K50

Cobaltstrike去除特征

如果你使用的是明文的HTTP流量或者是目标环境中存在SSL拦截,那么与环境匹配的User-Agent就会被防御者发现。 再往下的代码是http部分。 这里分块来说明下。...把Referer伪造成Google 2.然后又设置了metadata数据传输的时候,先base64加密然后将所有的填写在Cookie字段中。 3.server部分,先设置多个header头。...这允许同一主机或网络上的信标之间进行点对点通信。可以配置SMB 信标的管道名称。不要使用默认设置,因为一些防御性产品会查找这些默认设置。选择能够混合到目标环境的内容。...更改这些设置以模仿单个合法的HTTP请求/响应。 ?...例如,你可以修改http-stager,使其看起来好像是从Microsoft jQuery CDN中提取的。

2.7K20

使用 Spring Boot 从数据库实现动态下拉菜单

然后迭代 ResultSet,并将地区数据存储 JSON 对象jsonobj中。 迭代每个地区,生成的 JSONObject 将被添加到主 JSONArray“地区列表”中。...注意:每次 Web 应用程序中使用后关闭数据库连接非常重要。如果这样做,当用户向数据库服务器请求数据库连接时,可能会导致内存泄漏、性能下降、连接短缺。...分隔 @RequestParam 注释从 URL 读取 distid1 并将该存储String Discode变量中。然后将 Discode 存储到字符串变量“discode”中。...当区域下拉列表更改时,jQuery '('#districtlist').change(function () {}); 被调用,url http://localhost:8075/taluk?...jQuery '('#taluklist').change(function () {});' 当 taluk 下拉值更改时调用。http://localhost:8075/village?

80650

时隔一年多jQuery发布3.6.1新版本,你还在用JQ吗?

,可能是历史原因,jQuery 中与焦点有关的地方都很难改变,团队从未完全正确地修复,所以他们暂时保留这些内容,并将在未来解决,特别是因为这些更改最终可能需要发布一个新的主要版本。...所谓维护版本是指在更改任何核心组件或添加新功能的情况下纠正安全漏洞或小错误的软件版本。... addClass(array) 中跳过错误增加任何大小的情况下,添加了对跳过传递给addClassor的数组中的任何错误的支持removeClass。...如今,jQuery 的大小很少成为负载性能问题,精简版本比常规版本小约 6k (gzip压缩) 。.../jquery-3.6.1.min.js还可以从 npm 获取此版本:npm install jquery@3.6.1写在最后单页面应用大行其道,各种新鲜框架层出穷的时代,或许已经很少有人会再关注

2.1K20

bootstrapValidator 中文API

如果没有定义,这些选项将通过以下方式合并:从字段的HTML属性解析的选项调用插件时设置的当前选项 从字段的HTML属性解析的选项 调用插件时设置的当前选项 如果要添加新字段要执行其他任务,则触发added.field.bv...返回表示该字段的jQuery元素的数组,或者null如果找不到这些字段。...使用向导(例如选项卡),崩溃时,这很有用。...参数 类型 描述 field 字符串| jQuery的 字段名称或字段元素 通过触发removed.field.bv事件,您可以删除给定字段执行其他任务: $(document).ready(function...当您需要重新验证其由其他插件更新的字段时使用它。 默认情况下,一旦该字段已经被验证并被标记为有效的插件,该插件就不会重新验证该字段。当与其他插件一起使用时,字段更改,因此需要重新验证。

13.1K50

Webpack最佳实践

webpack 基于事件流框架 Tapable, 运行的生命周期中会广播出很多事件,plugin 可以监听这些事件,合适的时机通过 webpack 提供的 API 改变输出结果。...下面的配置中 entry 的 key 对应的是 output 属性的 [name] ,HtmlWebpackPlugin 中的属性 chunks 表示引入 [name] 对应的 js 代码文件,指定...模块抽离完了没被抽离到 name:每个模块(chunk)的文件名,不定义将是随机名字 test:匹配目录 chunks:选择哪些 chunk 进行优化 initial:从入口处开始提取代码,若有异步模块考虑后面两个...下面的配置中 entry 的 key 对应的是 output 属性的 [name] ,HtmlWebpackPlugin 中的属性 chunks 表示引入 [name] 对应的 js 代码文件,指定...模块抽离完了没被抽离到 name:每个模块(chunk)的文件名,不定义将是随机名字 test:匹配目录 chunks:选择哪些 chunk 进行优化 initial:从入口处开始提取代码,若有异步模块考虑后面两个

3.2K20

JavaWeb全栈开发前后端交互通用标准

切记:前端不能随意更改接口文档,除非取得后台开发人员同意。 3 前端与后台交互的数据格式 前端与后台交互的数据格式主要是JSON JSON 通常用于与服务端交换数据。...前端应该告知后台哪些有效信息,后台才能返回前端想要的数据 先将要展示的页面内容进行模块划分,将模块的内容提取出来,以及方便前端的一些标志等,将所有想要的内容和逻辑告知后端。...可选的 data 参数规定与请求一同发送的查询字符串键/对集合。 可选的 callback 参数是 load() 方法完成所执行的函数名称。...可选的 data 参数是请求时所传递的参数,可以json对象也可以是字符串拼接形式。 可选的 callback 参数是请求成功所执行的函数名。...可选的 callback 参数是请求成功所执行的函数名。 可选的 type 参数是期待的返回类型,可以是text/xml/json。

7.8K20

h5新功能data-*,好好利用,还能做数据双向绑定

标题是data-,但是这里主要讲伪元素,看明白就知道了 1、jQuery Selectors 获取伪元素的属性 虽然JS里没有可以直接操作伪元素的选择符,然而获取其CSS属性的方法还是有的。...思路有以下几个: js更改data-*属性更改伪元素的content 创建多个class,通过切换class来达到改变样式的目的 利用CSSStyleSheet的insertRule方法来添加样式...利用内部css样式的高优先级来覆盖外部css 以上实现思路的推荐程度依次递减 利用DOM的data-*属性来更改content的 data-*是HTML5新增的DOM元素属性,作用大致可以理解为标记...(data-text);} 结果: TEXT 另外content其实可以多个attr连写,而且attr()内的可以是DOM元素的任意属性(比如class等,甚至非W3C标准属性也支持,不过推荐这么做)...,width等属性未来都有希望用这个方法更改,然而目前只有content支持该方法,其余的都还是草稿状态,尚未有浏览器支持。

1.8K40

Webpack最佳实践指南

webpack 基于事件流框架 Tapable, 运行的生命周期中会广播出很多事件,plugin 可以监听这些事件,合适的时机通过 webpack 提供的 API 改变输出结果。...新建还需项目根目录下的 src/js 目录下新建 index.js 文件,然后随便输入一句 js 代码。...属性名称是 jquery,表示应该排除 import $ from 'jquery' 中的 jquery 模块。为了替换这个模块,jQuery将被用来检索一个全局的 jQuery 变量。...下面的配置中 entry 的 key 对应的是 output 属性的 [name] ,HtmlWebpackPlugin 中的属性 chunks 表示引入 [name] 对应的 js 代码文件,指定...模块抽离完了没被抽离到name:每个模块(chunk)的文件名,不定义将是随机名字test:匹配目录chunks:选择哪些 chunk 进行优化initial:从入口处开始提取代码,若有异步模块考虑后面两个

1.2K20

Webpack最佳实践

webpack 基于事件流框架 Tapable, 运行的生命周期中会广播出很多事件,plugin 可以监听这些事件,合适的时机通过 webpack 提供的 API 改变输出结果。...新建还需项目根目录下的 src/js 目录下新建 index.js 文件,然后随便输入一句 js 代码。...属性名称是 jquery,表示应该排除 import $ from 'jquery' 中的 jquery 模块。为了替换这个模块,jQuery将被用来检索一个全局的 jQuery 变量。...下面的配置中 entry 的 key 对应的是 output 属性的 [name] ,HtmlWebpackPlugin 中的属性 chunks 表示引入 [name] 对应的 js 代码文件,指定...模块抽离完了没被抽离到name:每个模块(chunk)的文件名,不定义将是随机名字test:匹配目录chunks:选择哪些 chunk 进行优化initial:从入口处开始提取代码,若有异步模块考虑后面两个

1.2K30

Webpack最佳实践

webpack 基于事件流框架 Tapable, 运行的生命周期中会广播出很多事件,plugin 可以监听这些事件,合适的时机通过 webpack 提供的 API 改变输出结果。...新建还需项目根目录下的 src/js 目录下新建 index.js 文件,然后随便输入一句 js 代码。...属性名称是 jquery,表示应该排除 import $ from 'jquery' 中的 jquery 模块。为了替换这个模块,jQuery将被用来检索一个全局的 jQuery 变量。...下面的配置中 entry 的 key 对应的是 output 属性的 [name] ,HtmlWebpackPlugin 中的属性 chunks 表示引入 [name] 对应的 js 代码文件,指定...模块抽离完了没被抽离到name:每个模块(chunk)的文件名,不定义将是随机名字test:匹配目录chunks:选择哪些 chunk 进行优化initial:从入口处开始提取代码,若有异步模块考虑后面两个

1K10

jQuery.data() 的实现方式

用name和value为对象附加数据;即传入三个参数,第一个参数为需要附加数据的对象,第二个参数为数据的名称,第三个参数为数据的。当然,只是获取值的话,也可以传入第三个参数。      2....而 “cache” 又是 “obj” 的一个属性, jQuery 1.6中,这个属性的名称是 “jQuery16”加上一个随机数(如下面提到的 “jQuery16018518865841457738”...这种情况下,“another” 的属性名称和属性将被视为多个键值对,从中提取的 “name” 和 “value” 都会被复制到目标对象的缓存中。      ...到此为止,jQuery.data() 函数的实现就介绍完了;但是,这里还有一个需要思考的问题:为什都统一用 “globalCache” 存储,而要将 “cache” 直接附加到普通对象上?...认为这应该是一种性能优化的方式,毕竟少一个引用的层次,存取速度应该会略快一些。 jQuery 中这刻意优化的地方非常多,许多原本可以统一处理的对方都进行了特殊处理。

96570

dropDownList属性

) 3、文本框不能编辑,只能通过点击菜单来更改内容 4、能设置下拉菜单的最大高度,使得菜单项过多时,能出现滚动条。...先规划好这个JQuery组件的属性: InputName:文本框的name和id属性,默认是“Q”; ButtonText:右侧按钮的文字,默认是“示例”; ReadOnly:文本框的可编辑性属性。...默认是-1,设置最高高度,菜单的高度由菜单的条目决定; onSelect:设置选择菜单条目时调用的函数。默认是$.noop(),JQuery中的空函数; Items:菜单条目的集合。...DropDownList的组件代码如下,由于是基于JQuery,故要把该代码置于JQuery引用代码之下: 代码比较简单,主要就是依据属性来拼接HTML代码,下面简单的说明一下: ReadOnly的实现...本站仅提供信息存储空间服务,拥有所有权,承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

2.2K100

Hi,一起学Vue.js吗

久一认为,你只需了解js,html,css的基础语法就可以学习了,当然学习Vue.js过程中还可能需要到Webpack打包工具、Es6等知识,这些都不难学,网上成体系的视频教程都会讲到,当然文末也会推荐一些...Vue实例中的data中有一个 message: 'Hello Vue!'。而在div中我们可以使用{{message}}来接到这个。...由于input写了v-model="message"这个指令,当我们修改输入框内的时,Vue实例中 data: { message: '' }也会跟着一起改变。我们打开控制台,看下图: ?...控制台输入app.$data.message就是来取Vue实例中data: { message: ''}中的,而当我们更改输入框的的时候,Vue实例中的message也会跟着改变。...当我们控制台更改实例中message的,输入框也会跟着改变,这就是数据绑定。 学习资源分享 好了,这仅仅是一个Vue.js的初体验,皮毛而已。

2.2K40

jquery tmpl遍历

大家好,又见面了,是你们的朋友全栈君。 最近,发现大家喜欢用模板渲染一些DOM,而且常常用模板嵌套一些逻辑,看了大家用jquery tmpl较多,遇到的问题大同小异。...index表示当前遍历的索引,value表示当前遍历与索引对应的(注意:是对应,说明可能是个对象)。...: Tomson father:Tom mother:Monica { {each(i,data) Array}} 类似jquery each,i表示索引,data表索引对象的当前对象。...family[i].relation}:${family[i].name}        { {/each}} 可获取指定数组元素的,当然也可以强制指定访问某个。...就这么多了,另外常用还有${data}获取数据源等,有问题的可以私下交流 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/148365.html原文链接:https

1.8K10

滥用jQuery进行CSS驱动的定时攻击

您可以重复调用jQuery :具有选择器并测量性能影响以从目标页面推断内容。这将这些情况从不可利用的XSS转变为读取几乎任何输入决定跟进这项研究,以使用这种技术找到真实的漏洞。...首先修改了Burp的动态分析,以寻找hashchange事件中执行的jQuery选择器,并扫描了一堆网站。...发现了一些事件中使用location.hash了jQuery $函数的bug赏金网站hashchange,但发现的大多数网站并没有真正有趣的数据需要窃取。...浏览了所有jQuery CSS选择器,发现:contains selector,它找到包含指定字符串的元素。不幸的是:contains不允许你查看字符串的开头或结尾,所以我需要另一种方法来提取值。...想过使用空格作为锚点来提取名字,但问题是Firefox上,空间将被URL编码。幸运的是,反斜杠不是URL编码所以我可以使用CSS十六进制转义。

1.1K30

jQuery

对象 // jQuery 对象转换为 DOM 对象两种方法: // jQuery对象[索引] var domObject1 = $('div')[0] // jQuery对象.get(索引)...属性名和属性用冒号隔开, 属性可以不用加引号 $(this).css({ "color":"white","font-size":"20px"}); 一般来说通过style中编写样式,通过添加类的方式添加样式.../更改 prop('属性名','属性'); 4.1.2 元素自定义属性 attr() //获取 attr('属性名'); //更改 attr('属性名','属性'); 4.1.3 数据缓存 data...页面刷新缓存清除 data('myName','ljc');//向元素添加数据 data('myName');//向元素读取数据 4.1.4 全选按钮 通过:checked选择器,可以以数组形式返回被选中的元素...(true) 取得匹配元素宽度和高度 包括 padding、border、margin 返回是数字型的 如果参数是数字,则修改样式 参数写单位 4.4.2 jQuery 位置操作 offset(

8.4K10
领券