`

jQuery中.bind() .live() .delegate() .on()的区别

 
阅读更多

bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数

$("a").bind("click",function(){alert("ok");});

live(type,[data],fn) 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的

$("a").live("click",function(){alert("ok");});

delegate(selector,[type],[data],fn) 指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数

$("#container").delegate("a","click",function(){alert("ok");})

on(events,[selector],[data],fn) 在选择元素上绑定一个或多个事件的事件处理函数

差别:

1,.bind()是直接绑定在元素上

2,.live()则是通过冒泡的方式来绑定到元素上的。更适合列表类型的,绑定到document DOM节点上。和.bind()的优势是支持动态数据。

3.delegate()则是更精确的小范围使用事件代理,性能优于.live()

4,.on()则是最新的1.9版本整合了之前的三种方式的新事件绑定机制

5,对于很多小朋友只知道直接用bind,在新版本中的并没有注意很多新增的函数,带来更多的优化

 

 

 

分享到:
评论

相关推荐

    Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解

    在我们日常开发中经常会使用到.bind()、.live()、.delegate()和.on(),有些同学会对这四者存在一些疑虑,所以下面这篇文章主要给大家介绍了关于Jquery中.bind()、.live()、.delegate()和.on()之间区别的相关资料,...

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

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

    jQuery中bind(),live(),delegate

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

    jQuery中的.bind()、.live()和.delegate()之间区别分析

    在讨论jQuery中的事件绑定方法时,.bind()、.live()和.delegate()是三种重要的技术。为了深入理解这些方法之间的区别和特点,首先需要对DOM事件的传播机制有所了解。在DOM事件模型中,事件传播分为捕获和冒泡两个...

    jQuery1.7.1.js+jQuery1.7.1中文API.zip

    - **事件绑定的统一**:在1.7.1中,`.on()`方法取代了`.bind()`, `.live()`, 和 `.delegate()`,成为统一的事件绑定接口。`.on()`方法更强大,可以处理当前及未来的元素事件,增强了代码的灵活性。 - **新选择器**...

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

    其中,`$.fn.on()`方法的引入,取代了之前的`$.fn.bind()`, `$.fn.live()`, `$.fn.delegate()`,提供了一种统一且高效的方式来绑定事件。 7. **兼容性**:jQuery 1.7.2对老版本浏览器有着良好的支持,包括IE6/7/8等...

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

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

    jQuery 1.7.min和chm帮助文档

    例如,该版本引入了新的API,如`.on()`方法,它替代了之前的`.bind()`, `.live()`, 和 `.delegate()`,提供了更强大和灵活的事件处理。此外,1.7版本还对一些函数进行了优化,提高了性能,如`.data()`和`.attr()`。 ...

    jquery-1.4.2.js和jquery.min-1.4.2.js

    `$(selector).click(function() {...})`用于为元素绑定点击事件,`.bind()`、`.live()`(此版本已废弃)、`.delegate()`等方法则支持更复杂的事件处理需求。同时,`$(document).ready()`确保在页面加载完成后执行...

    jquery2.0.0.min.7z

    此外,jQuery 2.0.0还引入了一些新的API和改进,比如`.on()`方法替代了`.bind()`, `.live()`, 和 `.delegate()`,使得事件绑定更加灵活;`$.ajax()`方法的设置更加丰富,可以自定义更多请求选项;`.data()`方法的...

    最新的css3.chm javascript.chm jquery1.7.chm jquery1.83.chm w3school.chm html.chm

    jQuery 1.7引入了`.on()`方法,取代了`.bind()`, `.live()`, 和 `.delegate()`,提供了更加灵活和高效的方式来绑定事件。1.83主要是一些bug修复和性能优化,确保稳定性和兼容性。 5. HTML(超文本标记语言): ...

    jQuery-1.7.js

    1. **事件绑定优化**:在jQuery 1.7中,`.on()`方法替代了`.bind()`, `.live()`, 和 `.delegate()`,提供了一种统一的事件处理方式。`.on()`不仅支持直接绑定事件,还能进行事件委托,提高了代码的可维护性。 2. **...

    jQuery1.9.rar

    - **事件处理**:`$(selector).on()`是jQuery 1.7引入的新事件绑定方法,取代了`.bind()`, `.live()`, 和 `.delegate()`,支持动态生成元素的事件绑定。 - **动画效果**:`$.fn.animate()`用于创建自定义动画,而`...

    JQuery1.3.chm

    3. **事件处理**: jQuery允许开发者使用`.bind()`, `.click()`, `.mouseover()`等方法绑定事件,同时提供`.trigger()`, `.live()`, `.delegate()`来触发和委托事件,这在1.3版本中已经被广泛应用。 4. **动画效果**...

    jquery1.4.js

    `.bind()`, `.live()`, `.die()`等方法允许动态绑定和解绑事件,`.delegate()`和`.undelegate()`方法则为事件委托提供了便利,特别是对于动态生成的元素,这些方法可以确保事件的正确触发。 4. **动画效果**: ...

    JQuery1.7.rar

    1.7.1版本主要改进了性能,修复了一些已知问题,并引入了新的API,如`.on()`方法,它替代了之前的`.bind()`, `.live()`, 和 `.delegate()`,统一了事件绑定方式,提高了代码的可维护性。 再来看看`jquery-1.7.1.min...

    jquery 1.7.2 .js

    $.on()方法取代了$.bind(), $.live() 和 $.delegate(),提供了一种统一的方式来绑定和处理事件。这个新方法不仅提高了代码的可读性和维护性,还增强了事件委托的能力,使得动态生成的元素也能响应事件,大大提高了...

Global site tag (gtag.js) - Google Analytics