`
wangmingyue
  • 浏览: 44874 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Jquery 动态绑定事件 live

 
阅读更多

今天在做表单遇到这样一个问题。先看图

如图所示 下班的列表是动态添加的。这种创建input的方式。用普通的$(#input).change() 这种方式是不行的。因为这种是在加载前注册的。

现在,使用live你可以轻松搞定

代码实例:

$("input[id$='jine']").live('change',function(){ //live是动态绑定
var zj=0;
$("input[id$='jine']").each(function(){
zj+=$(this).val()*1;
});
$("#money").val(zj);
});

分享到:
评论

相关推荐

    jQuery给动态添加的元素绑定事件的方法

    本文实例讲述了jQuery给动态添加的元素绑定事件的方法。分享给大家供大家参考。具体分析如下: jquery中绑定事件一般使用bind,或者click,但是这只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要...

    JQuery绑定事件

    **jQuery绑定事件**是JavaScript库jQuery中的核心功能之一,它极大地简化了DOM元素事件处理的流程,使得开发者能够更加高效地编写代码。在JavaScript原生语法中,为元素添加事件监听器通常涉及到`addEventListener`...

    JQuery调用绑定click事件的3种写法

    `.bind()`是jQuery中更通用的事件绑定方法,不仅可以绑定`click`事件,还可以绑定其他多种事件,如`mouseover`、`mouseout`等。下面是如何使用`.bind()`绑定`click`事件的例子: ```javascript $('#clickmebind')....

    jQuery中绑定事件bind() on() live() one()的异同

    live() 方法在 jQuery 版本小于 1.7 中有效,它允许你为当前和未来的元素绑定事件,即使这些元素是稍后动态添加到 DOM 中的。使用 live() 方法,事件处理函数会被委托到文档的根元素上,然后根据事件冒泡原理,去...

    浅谈Jquery为元素绑定事件

    随着Jquery版本的演进,live()和delegate()方法已经被on()方法所取代,因为on()方法提供了更灵活的方式来绑定事件处理器,尤其是对动态内容的处理。 2. 动态生成元素的事件绑定问题: Jquery在处理动态生成的元素时...

    jQuery:bind() delegate() live()事件绑定

    在探讨jQuery中的`bind()`, `delegate()`, 和`live()`事件绑定方法的区别时,我们需要深入理解它们在处理DOM事件时的独特方式。这些方法在不同的场景下提供了灵活且高效的选择,帮助开发者创建响应式和动态的Web应用...

    jQuery页面元素动态添加后绑定事件丢失方法,非 live

    如果页面内容是在页面加载完成后动态添加的,那么这些元素将不会拥有之前通过jQuery绑定的事件。这是因为jQuery的绑定操作是针对已经存在于DOM树中的元素进行的,对于后来动态添加的元素,jQuery无法自动为其应用已...

    JQuery绑定事件四种实现方法解析

    jQuery中提供了四种事件监听方式,分别是bind、live、delegate、on,对应的解除监听的函数分别是unbind、die、undelegate、off。在开始看他们之前 一:bind(type,[data],function(eventObject)) bind是使用频率较高...

    jquery绑定事件不生效的解决方法

    关于jQuery绑定事件不生效的问题,首先需要了解jQuery为JavaScript封装了一套简便的API,极大地简化了JavaScript代码的编写,尤其在事件处理方面。但是,在实际开发过程中,可能会遇到绑定的事件不生效的情况,这...

    Jquery绑定事件(bind和live的区别介绍)

    总结来说,`bind()`适合绑定已知的DOM元素,而`live()`(现已废弃)则用于动态生成的元素,`on()`是现代jQuery中更为推荐的事件绑定方式,它结合了两者的优点。在实际开发中,应根据项目需求和性能考虑选择合适的...

    【JavaScript源代码】JQuery绑定事件四种实现方法解析.docx

    ### JavaScript源代码:JQuery绑定事件四种实现方法解析 #### 一、`bind` 方法 - **概述**:`bind` 方法是jQuery中用于绑定事件处理程序的基本方式之一。它允许开发者为DOM元素绑定特定类型的事件处理器。这种方法...

    jQuery事件绑定方法学习总结(推荐)

    总结起来,jQuery的事件绑定方法各有特点,`bind()`适用于静态元素的简单绑定,`delegate()`和`live()`则为动态元素提供解决方案,而`on()`则是目前最全面且推荐的事件绑定方法。在实际开发中,应根据项目需求和性能...

    jQuery中对未来的元素绑定事件用bind、live or on

    为了解决这个问题,jQuery提供了一些机制来为未来元素绑定事件,比如`bind`、`live`、`on`和`.one()`方法。 首先,我们要认识到,`bind`方法是不可以用来绑定未来元素的事件的。这是因为在`bind`方法被调用的时候,...

    关于Jquery中的事件绑定总结

    `live()`方法在jQuery中用于动态绑定事件,尤其适用于那些在页面加载后通过JavaScript动态生成的元素。它能够监听到未来匹配选择器的元素发生的事件。`live()`的语法与`bind()`相似,但自jQuery 1.9开始,`live()`已...

    jQuery参考手册-事件总结

    `live()` 方法会为现在和未来存在的元素绑定事件,适用于动态添加的元素。现在可以用 `on()` 代替。 9. **on()**: `on()` 是 `bind()` 和 `live()` 的增强版,它可以为当前和未来的元素绑定事件。 10. **off()**: ...

    关于jquery中动态增加select,事件无效的快速解决方法

    在jQuery中,动态添加元素并为其绑定事件是一个常见的需求,特别是在构建交互丰富的Web应用时。然而,有时我们可能会遇到一个问题,即使用`bind`方法为动态添加的`select`元素绑定事件时,这些事件并未生效。这是...

    jQuery的三种bind/One/Live/On事件绑定使用方法

    `live()`是jQuery的一个创新,它允许动态绑定事件,即不仅对现有元素有效,对将来添加到DOM中的元素也有效。`live()`通过在文档级别捕获事件,然后根据选择器判断是否向下传播事件,提高了效率。由于性能和设计上的...

    jquery事件代理方式的区别联系

    `live`是jQuery早期引入的事件代理方法,它将事件处理器绑定到`document`对象上,监听所有符合特定选择器的后代元素的事件。当符合选择器的元素被动态添加时,无需重新绑定事件。`live`的优点是处理动态元素非常方便...

    jquery中绑定事件的异同

    jQuery提供了多种方法来实现事件绑定,本文将对bind()、live()、delegate()和on()四种方法进行深入分析,阐述它们之间的异同和各自的优缺点。 首先,介绍绑定事件的基本方式。bind()方法的语法结构是 $(selector)....

Global site tag (gtag.js) - Google Analytics