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

jQuery:如何在on('save')事件中获取新值,而不是旧值?

在jQuery中,可以使用event.target来获取触发事件的元素。在on('save')事件中,如果想获取新值而不是旧值,可以通过以下步骤实现:

  1. 给目标元素添加一个唯一的标识符,例如idclass
  2. 使用event.target来获取触发事件的元素。
  3. 使用标识符选择器来获取目标元素的新值。

以下是一个示例代码:

代码语言:javascript
复制
$(document).on('save', '#targetElement', function(event) {
  var newValue = $(event.target).val();
  console.log('新值:', newValue);
});

在上面的代码中,#targetElement是目标元素的唯一标识符,可以是元素的idclass$(event.target)将触发事件的元素转换为jQuery对象,然后可以使用.val()方法获取元素的新值。

请注意,上述代码中的console.log语句只是一个示例,你可以根据实际需求来处理获取到的新值。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云数据库MySQL。

以上是关于如何在on('save')事件中获取新值的解答,希望能对你有所帮助。

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

相关·内容

JQuery常用命令

JQuery ①. $('oldChild').replaceWith( newChild ) 已有节点用节点替换,返回被删除的节点 ②....$('newChild').replaceAll( oldChild ) 节点替换所有的节点,返回节点 24. 克隆节点 (1)....JQuery 函数第二部分:事件处理函数 JQuery 的历史上先后出现了若干事件处理函数 (1). one(事件名称, fn) 仅对指定事件监听一次 (2). on() / off() (3). click...JQuery 的 trigger()函数 使用 JS 代码代替用户触发指定的事件,调用之前绑定的监听函数 ('.btn').trigger( 'click' ) 可简写:('.btn').click...JQuery 类数组对象的操作: window.$ window.Jquery $()函数或 JQuery()返回是一个“类数组象”— 有点像数组,但不是 Array 类型的实例,其中封装着查找到的所有

6.4K10

详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()

如果为数组,jQuery 将自动为不同对应同一个名称。 {foo:["bar1", "bar2"]} 转换为 ‘&foo=bar1&foo=bar2′。...可用于控制不同的Ajax事件 ifModified Boolean (默认: false) 仅在服务器数据改变时获取数据。 使用 HTTP 包 Last-Modified 头信息判断。...下面是jQuery提供的所有函数(按照触发顺序排列如下): ajaxStart (全局事件) 开始的Ajax请求,并且此时没有其他ajax请求正在进行 beforeSend (局部事件) 当一个Ajax...在这里简单列举一些方法: val() val()函数可以返回表单组建的,例如任何种类input的。配合选择符操作,你可以轻易获取选项组、输入框、按钮等元素的。...pass的密码框的 $("input[name='save']:radio").val(); //返回名字为save的单选项的 //以此类推 serialize() serialize函数可以帮你把表单对象的所有都转换为字符串序列

3.4K100

最常见的 20 个 jQuery 面试问题及答案

何在点击一个按钮时使用 jQuery 隐藏一个图片?   这是一个事件处理问题。jQuery为按钮点击之类的事件提供了很好的支持。你可以通过以下代码去隐藏一个通过ID或class定位到的图片。...你可按需修改它,比如用 id 属性不是 name 属性来获取 标签。   8. jQuery 里的 each() 是什么函数?你是如何使用它的?...如果你在调用attr()的同时带上一个 例如. attr(name, value), 这里name是属性的名称,value是属性的。   ...你可按需修改它,比如用 id 属性不是 name 属性来获取 标签。   8. jQuery 里的 each() 是什么函数?你是如何使用它的?...如果你在调用attr()的同时带上一个 例如. attr(name, value), 这里name是属性的名称,value是属性的

13.7K30

学习jQuery设计思想有感

我认为是有的,因为jQuery也蕴含了很多编程套路,我们新人应该学习一些jQuery的思想,它可以作为一个过渡,帮助我们更好地理解Vue和React等更为复杂的框架 设计思想 我们知道,jQuery的基本设计思想和主要用法...2).html('Hello'); //找到所有的div元素,在div元素了找到h3标签,选择第三个h3标签,替换文本内容 复制代码 可以看到,这样连起来调用的方式就称为链式调用,它在下次调用函数时,的函数包含了上一个函数返回的...,: getter/setter   $('h1').html(); //html()没有参数,表示取出h1的   $('h1').html('Hello'); //html()有参数Hello,表示对...>') 复制代码 其余设计思想,请看阮一峰老师的博客:jQuery设计思想 学习这些设计思想,可以让我们学会很多编程技巧,帮助我们自己造轮子,不是只会一味的调用其他库或框架提供的功能 常见的...复制代码 $(div).on('click', fn) 给div添加一个名为click的监听事件 $(div).off('click', fn) 删除这个监听事件 完整API 请参考:jQuery_API

78330

jquery面试题目_高并发面试题

何在点击一个按钮时使用 jQuery 隐藏一个图片? 这是一个事件处理问题。jQuery为按钮点击之类的事件提供了很好的支持。你可以通过以下代码去隐藏一个通过ID或class定位到的图片。...你可按需修改它,比如用 id 属性不是 name 属性来获取 标签。 8. jQuery 里的 each() 是什么函数?你是如何使用它的?...这是 jQuery 提供的众多操控 DOM 的方法的一个。你可以通过 appendTo() 方法在指定的 DOM 元素末尾添加一个现存的元素或者一个的 HTML 元素。 10....如果你在调用attr()的同时带上一个 例如. attr(name, value), 这里name是属性的名称,value是属性的。...get() 方法是一个只获取一些数据的专门化方法。 18. jQuery 的方法链是什么?使用方法链有什么好处?

9.4K10

backbone 整体架构学习

,因为backbone的数据处理默认是ajax,jQuery封装了强大的DOM操作和ajax 三、模型的创建、实例化和继承 var model1 = new Backbone.Model(); model1...(); // save 方法 将模型的数据同步保存在数据库(backbone源代码默认指定ajax方式,将数据提交同步到服务器,ajax的URL即model的URL字段) Backbone.sync...Backbone.Collection({ initialize: function() { this.on('reset', function() { // 一旦触发 fetch 数据,即从服务器获取...(); // fetch 获取到服务器的数据 六、路由与历史管理     问: 什么时候需要路由?     ...答: 页面不是一个个链接连成,而是单页面开发,此时需要路由进行页面管理(在同一个HTML页面通过(#xxx)  : http://xx.xx.xxx.html#xxx/xxx,跳转执行不同代码)。

78180

backbone 整体架构学习

,因为backbone的数据处理默认是ajax,jQuery封装了强大的DOM操作和ajax 三、模型的创建、实例化和继承 var model1 = new Backbone.Model(); model1...(); // save 方法 将模型的数据同步保存在数据库(backbone源代码默认指定ajax方式,将数据提交同步到服务器,ajax的URL即model的URL字段) Backbone.sync...Backbone.Collection({ initialize: function() { this.on('reset', function() { // 一旦触发 fetch 数据,即从服务器获取...(); // fetch 获取到服务器的数据 六、路由与历史管理     问: 什么时候需要路由?     ...答: 页面不是一个个链接连成,而是单页面开发,此时需要路由进行页面管理(在同一个HTML页面通过(#xxx)  : http://xx.xx.xxx.html#xxx/xxx,跳转执行不同代码)。

67600

求职 | 史上最全的web前端面试题汇总及答案2

GET方式需要使用Request.QueryString来取得变量的POST方式通过Request.Form来获取变量的,也就是说Get是通过地址栏来传Post是通过提交表单来传。...②如果使用原生javascript开发的话,会面临很多问题,浏览器兼容、Ajax数据解析、Dom、事件注册操作等都非常烦锁,jQuery正好解决了这些问题。...使用bind()方法注册事件,但通常我们使用与事件同名的方法注册更方便,:click()、hover()等。 4、如何获取Html内容?如何获取文本内容?如何获取属性?如何获取input?...如何创建的节点? 可以使用html()获取html内容。 使用text()获取文本内容。 使用attr()可以获取属性,使用css()可以获取样式属性。...通过val()便可以获取input的 把节点元素名加上作为参数调用jQuery方法便可创建节点,jQuery(“”)。 5、如何向页面插入节点?

6K20

前端开发面试题

不过浏览器需要同时支持的已经存在的伪元素写法, 比如:first-line、:first-letter、:before、:after等, 的在CSS3引入的伪元素则不允许再支持的单冒号的写法。...null 表示一个对象是“没有”的,也就是为“空”; undefined 表示一个变量声明了没有初始化(赋值); undefined不是一个有效的JSON,null是;...一旦这个树构建完毕, React为了根据的state去决定UI要怎么进行改变,它会找出这棵树和树的不同之处。...使用父组件,通过props将变量传入子组件(通过refs,父组件获取一个子组件的方法,简单包装后,将包装后的方法通过props传入另一个子组件) 用过 React 技术栈哪些数据流管理库?...(Unicode),DOM 按键的代码和字符是分离的,要获取字符代码,需要使用 charCode 属性; 阻止某个事件的默认行为,IE 阻止某个事件的默认行为,必须将 returnValue

5K52

React的Redux

是一个纯函数,它不能修改state,所以必须是生成一个的state。在default情况下,必须但会的state。...Action相当于事件模型事件,它描述发生了什么。Reducer相当于事件模型的监听器,它接收一个的状态和一个action,从而处理state的更新逻辑,返回一个的状态,存储到Store。...reducer 就是一个纯函数,接收的 state 和 action,返回的 state。...假设我们的实例还存在其它状态,但是我们只需要改变userName的,那么上述示例我们可以采用以下方式返回的状态: return { ...state, userName: action.payload...当需要拆分处理数据逻辑时,我们应该使用 reducer 组合 不是创建多个 store。 根据已有的reducer来创建store是非常容易的。

4K20

JQuery基础

(提交表单时),change(元素(适用于表单字段)发生改变时),focus(元素获得焦点),blur(元素失去焦点)事件; 文档/窗口事件:load(元素已加载触发,在jQuery1.8废除。...要添加引号,'10px';   ps2:上述代码color属性设置无效,因为色彩动画不包括在核心jQuery。...html():设置或获取所选元素的内容(包括HTML标记) val():设置或获取表单字段的 --  获取属性: attr():设置或获取属性   ps1:以上函数不传入参数时是获取;传入参数时是设置...回调函数有两个:当前选中元素下标,。...(有参数设置;无参数获取值);css有参数:css("propertyname":"value"),建议属性名和属性都加上引号;如果属性名不加引号,要使用驼峰标记法:margin-left变为marginLeft

4.6K51

最新jquery+easyui_api培训文档

onChange newValue, oldValue 当文本域字段的改变时触发 3.4 方法 方法名 参数 描述 select value 选择下拉列表的一项 setValue param 设定指定到文本域...getValue none 获取字段 reload url 请求远程列表数据. 4 Dialog(对话框) 4.1 实例 4.1.1 代码 <meta http-equiv...min 数字 文本框可允许的最小 null max 数字 文本框可允许的最大 null precision 数字 最高可精确到小数点后几位 0 7 ValidateBox(验证框) 7.1...null loadingMessage 字符串 当加载远程数据时,在面板显示的信息 Loading… 10.3 事件 名字 参数 描述 onLoad none 当远程数据加载时触发 onBeforeOpen...100 scrollDuration 数字 每次滚动持续的毫秒数 400 11.3 事件 事件名 参数 描述 onLoad arguments 当一个AJAX标签加载远程数据完成时被触发,参数和jQuery.ajax

3.2K40

前端学习笔记—JavaScript和jQuery

当我们用 function 关键字定义一个函数时,它实际上是创建了一个函数对象,不是通过构造函数实例化得到的。 在函数体内部可以用arguments对象关键字获取到当前整个函数的实参数组。...函数在 JavaScript 是第一类公民(first-class citizen),它们可以被赋值给变量、作为参数传递给其他函数,甚至可以在他函数作为返回返回。...' 在JavaScrip可以使用viewObj.innerHTML=“内容”新增或者替换内容,也可以使用函数添加 尾部新增子内容 viewObj.appendChild() 头部新增插入子内容...同样还有其他同类型优秀的框架,Vue和React等。jQuery与其他框架思想结构有所不同,但是现在更加流行的是Vue和React。...写法一 //获取value属性的,val()是jQuery对象的函数,用于读取value属性 console.log($('#name').val()

10710

看不完的那种!前端170面试题+答案学习整理(良心制作)

7.css3动画如何在动作结束时保持状态不变 使用animation-fill-mode,为none,表示不改变默认行为;为forwards,当动画完成后,保持最后一个属性;backwards,在...$(this)和this关键字在jquery的不同 $(this)返回一个jQuery对象,可以对它调用多个jQuery方法,比如用text()获取文本,用on()绑定事件等。...正如我写为替代文本一样,它用于需要文本不是图像的情况。 如果盲人使用语音阅读功能,则会大声朗读图像的alt属性的文本。 当由于链接断开而无法显示图像时,将显示它。 Google和Yahoo!...如何给jQuery动态添加的元素,如何给新生产的元素绑定事件 jQuery的html()可以给当前元素添加的元素。直接在元素还未生成前就绑定事件肯定是无效的,因为所绑定的元素目前根本不存在。...所以可以用live方法来动态绑定事件。 113.使用jQuery的动画 hide()和show()可以同时修改多个样式属性,高度,宽度,不透明度。

11.4K50

前端学习资料整理

解释一下你对盒模型的理解,以及如何在 CSS 告诉浏览器使用不同的盒模型来渲染你的布局。 从前端角度出发谈谈做好seo需要考虑什么?...首先:CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的displaydiv的display默认为“block”,则为“块级”元素;span默认display属性为...如果已经访问过app并且资源已经离线存储了,那么浏览器就会使用离线的资源加载页面,然后浏览器会对比的manifest文件与的manifest文件,如果文件没有发生改变,就不做任何操作,如果文件改变了...事件处理机制:IE是事件冒泡、Firefox同时支持两种事件模型,也就是:捕获型事件和冒泡型事件; ev.stopPropagation();(ie的方法 ev.cancelBubble = true...),DOM 按键的代码和字符是分离的,要获取字符代码,需要使用 charCode 属性; 阻止某个事件的默认行为,IE 阻止某个事件的默认行为,必须将 returnValue 属性设置为 false

3.4K20

如何使用 JavaScript 导入和导出 Excel

前言 在现代的Web应用开发,与Excel文件的导入和导出成为了一项常见重要的任务。无论是数据交换、报告生成还是数据分析,与Excel文件的交互都扮演着至关重要的角色。...本文小编将为大家介绍如何在熟悉的电子表格 UI 轻松导入 Excel 文件,并以编程方式修改表格或允许用户进行编辑,最后使用葡萄城公司的纯前端表格控件SpreadJS组件它们导出回 Excel 文件。...这允许我们通过传入行索引、列索引和来设置 Spread 工作表: var cellText = "Revenue" + revenueCount++; sheet.setValue(newRowIndex...为此,我们需要提供一系列单元格来获取数据以及迷你图的一些设置。...为了实现这个需求,我们可以在单击事件处理程序的导出按钮调用 Spread.Sheets 内置的导出方法: document.getElementById("export").onclick = function

22820

10 种最常见的 Javascript 错误

undefined 通常是一个尚未分配的变量, null 表示该为空。 要验证它们不相等,请尝试使用严格的相等运算符 ===: ?...(unknown): Script error 当未捕获的 JavaScript 错误(通过window.onerror处理程序引发的错误,不是捕获在try-catch)被浏览器的跨域策略限制时,会产生这类的脚本错误...例如,如果您将您的 JavaScript 代码托管在 CDN 上,则任何未被捕获的错误将被报告为“脚本错误” 不是包含有用的堆栈信息。...您可以在 Chrome 浏览器轻松测试。 ? 如果在使用事件处理系统时遇到此错误,请确保使用传入的事件对象作为参数。像 IE 这样的浏览器提供了一个全局变量事件,但并不是所有浏览器都支持。...像 jQuery 这样的库试图规范化这种行为。尽管如此,最好使用传入事件处理函数的函数。

6.8K80
领券