`
jafisher
  • 浏览: 56821 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

jquery中的live事件

阅读更多
  很久没写了,本来只是学到一点小东西,觉得没必要写的,但是感觉如果一直不写的话,自己的写作能力和热情是不是也会越来越弱,所以先随便拿点东西热热手,热热心。
  在写js脚本时,非常习惯使用jquery中的live事件,因为相比bind事件来说具有动态加载的功效,使得控制页面元素变成非常简单。
  一个是可以绑定多个事件处理,其次是可以绑定将在未来定义的元素。这里就不想再说种种优点和缺点了,也不比较和bind、delegate的区别了,网上也一大堆,就写点自己想的东西。
  在自己前端项目中,很多事件处理都用了live,但偶然发现绑定的元素绝大部分都是单事件处理,今天突发奇想用live来处理下多事件,也让页面的体验表现更好。
  随便举个例子,之前给一个页面元素绑定离开事件时,直接写成:$("selector").blur(function(){...}),简单粗暴。使用live后:$("selector").live("blur", function(){...}),感觉略带文艺范。多事件:$("selector").live("blur click", function(){...}),如此简单。
  不过研究后发现,这种多事件的写法也有不足的地方,因为blur和click事件执行的都是同一段代码,如果想要不同事件执行不同方法就不好办了,还得在底层脚本里写各种判断,麻烦,也容易出错。
  换了几种写法后,发现了另一个高效写法,直接解决上面的问题。$("selector").live("blur", function(){...}).live("click",function(){...})
  原来还可以串着用,跟火车车厢似的,有点意思,个人还是非常喜欢这种方式,不必拘束在底层脚本里作各种判断,性能也没任何影响,脚本样式也感觉更大气。
  就到这了,可能对行家来说简直弱爆的东西,不过自己觉得有意思就行。
1
0
分享到:
评论

相关推荐

    详解jQuery中的事件

    本文将深入探讨jQuery中事件处理的核心概念、方法以及常见的应用场景。 首先,jQuery提供了一种更加优雅的方式来处理DOM加载完成的事件。在JavaScript中,我们通常使用`window.onload`来确保所有资源(包括图片)...

    jQuery参考手册-事件总结

    jQuery 事件是 JavaScript 中用于处理用户交互和动态更新页面的核心机制。在jQuery库中,事件处理变得简单且灵活,提供了多种方法来绑定、触发和管理事件。以下是对jQuery事件方法的详细总结: 1. **bind()**: `...

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

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

    JQuery绑定事件

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

    前端项目-jquery.liveurl.zip

    现在,我们来深入了解一下基于jQuery的插件jQuery LiveUrl,它可以帮助开发者实现在自己的项目中添加这种功能。 jQuery LiveUrl是一款轻量级的前端插件,专门用于获取并显示URL预览信息,其工作原理类似于Facebook...

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

    本文将深入探讨jQuery中的事件代理方式,包括`live`, `delegate`和`bind`的区别与联系。 ### 事件冒泡与事件代理原理 事件冒泡是指事件从最深的节点开始,逐级向上层节点传播事件的过程。当一个元素触发事件,该...

    jquery事件

    在jQuery中,事件默认是通过事件冒泡机制传播的,即事件从最深的节点开始向上级节点传播。也可以选择事件捕获模式,通过在`on()`方法中指定`true`作为第三个参数。例如,`$(document).on('click', 'p', true, ...

    jquery中文参考

    1. **live()方法**: 在jQuery 1.2中,`live()`方法首次出现,它允许动态添加到DOM的元素也能响应事件,解决了事件绑定的问题。 2. **$.param()**: 这个方法用于序列化表单数据,常用于构建URL查询字符串,与Ajax...

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

    本文将详细介绍jQuery中的三种事件绑定方法:bind、one和live,以及它们各自的特点和应用场景。 1. **bind**:`bind()` 是jQuery中最基础的事件绑定方法,它允许我们将事件处理器绑定到DOM元素上。例如,我们可以...

    jQuery中文参考手册

    `click(function)`为元素添加点击事件,`bind()`可以绑定多种事件,`live()`(在jQuery 1.7后被`on()`取代)处理动态添加的元素的事件。 4. **动画效果**:`slideUp()`, `slideDown()`, `fadeIn()`, `fadeOut()`等...

    jQuery中bind(),live(),delegate

    今天我们将深入探讨jQuery中的事件绑定方法,包括`bind()`, `live()`, `delegate()`,以及后来推出的`on()`方法。这四个方法都是为了帮助开发者更方便地管理页面上的事件,特别是对于动态生成的元素。 1. **bind()*...

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

    在不同的版本中,jQuery 提供了多种方法来绑定事件,主要包括 bind()、on()、live() 和 one()。接下来,我们将详细探讨这些方法的相似点和不同点。 首先,让我们了解一下 bind() 方法。bind() 是 jQuery 中最传统的...

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

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

    jquery1.5 中文API

    同时,`unbind()`用于移除事件绑定,`live()`和`delegate()`(1.7后被`on()`取代)则支持动态添加的元素的事件处理。 五、动画(Animations) jQuery的动画效果丰富多样,如`fadeIn()`和`fadeOut()`实现淡入淡出...

    Jquery API 1.4(中文)+ Jquery 1.42

    jQuery 1.4.2引入了一些新的API接口,如`live()`用于事件委托,即使动态添加的元素也能响应事件。`delegate()`是`live()`的替代,提供了更精确的事件委托控制。 八、性能优化 jQuery 1.4.2对性能进行了优化,减少了...

    jquery.livequery.js

    jquery.livequery.js是jquery中的动态绑定事件所需的plugins

    关于Jquery中的事件绑定总结

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

    jQuery1.3中文参考CHM

    - **live()方法**: 添加了`live()`方法,允许动态添加的元素也能响应事件。 - **事件处理**: `delegate()`方法首次引入,提供了一种更高效的方式来为后代元素绑定事件处理程序。 - **CSS选择器**: 更全面地实现了...

    jquery中文版离线手册

    jQuery是一个流行的JavaScript库,它极大地简化了网页中的DOM操作、事件处理、动画效果以及Ajax交互。这个离线手册包含了2012年12月15日版本的jQuery 1.8.3,对于那个时期的项目来说,这是一个广泛使用的稳定版本。 ...

Global site tag (gtag.js) - Google Analytics