首页
学习
活动
专区
工具
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.8K20
  • 使用 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?

    1K50

    时隔一年多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.2K50

    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.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:从入口处开始提取代码,若有异步模块考虑后面两个

    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.1K10

    jQuery.data() 的实现方式

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

    98970

    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

    对象 // 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

    【Hybrid开发高级系列】WebPack模块化专题

    2、[hash],指代本次编译的一个hash版本,值得注意的是,只要是同一次编译过程中生成的文件,这个[hash]的就是一样的;缓存的层面来说,相当于一次全量的替换。     ...区别是打包的图片加了hash,bundle.css文件里引入的也是有hash的图片。...但是要注意,如果没有确定的发布地址建议配置该属性,否则会让你打包的资源路径很混乱。...个人并不太看好这种做法,毕竟这就意味着jQuery脱离NPM的管理了,不过某些童鞋有其它的考虑,例如为了加快每次打包的时间而把jQuery这些比较大的第三方库给分离出去(直接调用公共CDN的第三方库?...是比较喜欢构建的目录也有清晰的结构的,可能是习惯gulp的后遗症吧。这样也便于我们在前端路由中进行统一操作。

    37050
    领券