`
美洲狮
  • 浏览: 2540 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

jquery on替代live

阅读更多

一直都知道jQuery 1.7开始就提示live方法将移除,并且可以使用on方法进行替代,动手做了,才发现,怎么着好像不行?!!最后才发现,原来,没用对语法!

jQuery.on() 绑定点击事件可以用两种方式使用:

 

$(document).on('click', '.list_increase_num', function(){

    var num = $(this).prev('input');

    if (parseInt(num.val()) < 99) {

      num.val(parseInt(num.val()) + 1);

    }else{

      num.val(99);

    };

  });

  $(document).on('click', '.list_decrease_num', function(){

    var num = $(this).next('input');

    if (num.val() != 1 ) {

      num.val(parseInt(num.val()) - 1);

    };

  });

 

两种使用方式效果是不同的,第一种的作用点在p标签上,它会对document内所有list_decrease_num标签绑定click事件,而第二种作用点在body上面,它捕获document内所有list_decrease_num标签的click事件,也就是说,第一种方法是静态绑定的,新增list_decrease_num标签不会得到事件绑定,而第二种,新增list_decrease_num标签只要是document内的,都能被捕获,从而实现类似live的效果。

分享到:
评论

相关推荐

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

    由于性能和设计上的局限,`live()`在jQuery 1.7后被弃用,可用`on()`替代: ```javascript $('#list li').live('click', function() { //function code here. }); ``` 相应地,使用`on()`实现相同功能的代码...

    jquery例子大全 jquery demo

    `.delegate()` 和 `.live()`(在jQuery 1.7后被 `.on()` 替代)则支持事件代理,使得动态生成的元素也能响应事件。 ### 四、jQuery AJAX jQuery 的 AJAX 功能强大,如 `.ajax()`, `.get()`, `.post()` 等方法使得...

    jQuery on()方法示例及jquery on()方法的优点

    jQuery的on()方法是用于绑定事件处理程序的关键函数,它在jQuery 1.7版本引入,逐渐替代了之前的.bind(), .delegate(), 和 .live()方法。on()方法的强大之处在于它的灵活性和性能优化,它是现代jQuery应用中处理事件...

    jQuery1.9+中删除了live以后的替代方法

    以下详细介绍了在jQuery 1.9+中使用on()方法替代live()方法的相关知识点。 首先,要理解live()方法的作用。live()方法用于为动态添加的元素绑定事件,这意味着即使元素是在页面加载后才添加到DOM中的,它也能被这个...

    jquery-1.9.1.js 、jquery-1.9.1.min.js 【官方jquery包 js】

    例如,使用`.on()`替代`.bind()`, `.delegate()`, 和`.live()`可以减少内存占用并提高性能。另外,避免全局变量的使用,以及合理地组织和合并CSS选择器,都能提升页面运行效率。 在实际应用中,jQuery广泛应用于...

    jquery1.7及其帮助文档

    1. **`.delegate()` 和 `.live()` 的替代:** 在1.7版本中,`.on()` 方法被引入,用于统一处理事件绑定,替代了`.delegate()`和`.live()`。`.on()`不仅可以绑定当前存在的元素,还能处理未来可能出现的元素,大大...

    jquery-3.0.0.js 、jquery-3.0.0.min.js 【官方jquery包 js】

    4. 移除过时API:为了保持代码的简洁性和可维护性,jQuery 3.0.0移除了部分过时的API,如`.live()`,鼓励开发者使用更安全的替代方法,如`.on()`。 二、`jquery-3.0.0.min.js`的优化 1. 文件大小:`.min.js`是经过...

    jquery live()调用不存在的解决方法

    当遇到"jQuery live()调用不存在"的错误时,我们需要使用`on()`方法来替代。 `on()`函数是jQuery提供的一个更为强大和灵活的事件处理机制,它可以处理现有的和未来的元素。`live()`方法的问题在于,它需要遍历整个...

    jquery中文版离线手册

    - 对某些API进行了调整,比如移除了不再推荐使用的`live()`方法,建议使用`on()`替代。 **jQuery 1.8.3_20121215.apk** 可能是针对Android设备的应用程序,方便开发者在移动设备上查阅jQuery文档。 - 对于移动...

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

    on() 方法是 jQuery 1.7 之后推荐的事件绑定方式,它替代了 bind()、live() 和 delegate() 方法。on() 方法同样支持为当前和未来的元素绑定事件,并且可以一次绑定多个事件处理器。实际上,on() 方法是一个更为通用...

    jquery1,8,3与jquery1.7.1

    1.7版本引入了一个重要的特性——jQuery.fn.on(),这是一个全新的事件绑定函数,替代了之前常用的`.bind()`, `.live()`, 和 `.delegate()`。`.on()`方法允许更灵活的事件处理,可以一次性绑定多个事件类型,并且支持...

    Jquery1.7.1(最新版)

    5. **API改进**:一些API接口进行了调整和改进,使其更加友好和强大,如`.live()`被废弃,推荐使用`.on()`替代。 在提供的压缩包文件中,有两个JavaScript文件: - **jquery-1.7.1.js** 是未压缩的源码版本,便于...

    jquery-3.0.0

    5. 移除过时API:jQuery 3.0.0移除了部分在现代Web开发中已不再使用的API,如`.live()`,鼓励开发者使用更安全、更灵活的替代方法。 三、DOM操作 jQuery提供了丰富的DOM操作接口,如`.append()`、`.prepend()`用于...

    Jquery API 1.4(中文)+ Jquery 1.42

    `delegate()`是`live()`的替代,提供了更精确的事件委托控制。 八、性能优化 jQuery 1.4.2对性能进行了优化,减少了内存占用和提升了执行效率。例如,`each()`方法的内部实现改进,以及DOM操作的优化,使代码运行更...

    jQuery1.9.1含jquery-1.9.1-vsdoc

    例如,`.delegate()`和`.live()`方法被`.on()`所取代,这不仅简化了API,还提高了事件处理的性能。 在实际开发中,我们可以通过使用`$.fn.extend()`扩展jQuery对象,自定义插件和方法,以满足特定需求。同时,利用$...

    jQuery 1.x 向下兼容插件(最好用的兼容插件,没有之一)

    1. `live` 方法:在 jQuery 1.7 中被 `on` 方法取代。`live` 允许动态添加到页面的元素也能响应事件。`jQuery Migrate` 插件恢复了 `live` 功能,使得在新版本 jQuery 中仍然可以使用。 2. `bind` 方法:在 jQuery ...

    最新JQuery UI 1.8.2 内含实例及Jquery 1.4.2

    - **API 更新**:引入了一些新方法和改进,如 `.live()` 方法(现已被 `.on()` 替代)用于绑定全局事件,`.delegate()`(现被 `.on()` 替代)用于委托事件处理。 6. **实例与实践**: - 包含的实例可以帮助开发者...

    jquery1.7版下载

    `.on()`方法替代了`.bind()`, `.live()`, 和 `.delegate()`,提供了一种更高效、更灵活的方式来处理事件,尤其是对于动态添加的元素。 1. **事件代理**:`.on()`方法支持事件代理,使得即使元素在事件绑定后被动态...

    jQuery开发必备工具

    9. **性能优化**:jQuery提供了`.on()`方法来替代早期的`.bind()`、`.live()`和`.delegate()`,提高了事件处理的性能,并且通过`.data()`方法管理元素关联的数据,避免了对DOM的频繁操作。 10. **版本更新**:...

    jquery1.x升级到最新版3.6,兼容旧版插件.zip

    $.live()的功能可以使用$.on()配合$(document)来实现。 3. **CSS选择器**: jQuery 3.x不再支持一些非标准的选择器,如`:even`、`:odd`、`:header`等。如果代码中使用了这些选择器,需要修改或者引入migrate插件。 ...

Global site tag (gtag.js) - Google Analytics