jquery的bind和on绑定事件的区别
bind和on的绑定事件的区别：
jquery文档中bind和on函数绑定事件的用法：
.bind(events [,eventData], handler)
.on(events [,selector] [,data], handler)
从文档中可以看出，.on方法比.bind方法多一个参数'selector'
.on的selector参数是筛选出调用.on方法的dom元素的指定子元素，如：
$('ul').on('click', 'li', function(){console.log('click');})就是筛选出ul下的li给其绑定click事件；
那么这个selector参数的好处是什么?
好处在于.on方法为动态添加的元素也能绑上指定事件；如：
$('ul li').on('click', function(){console.log('click');})的绑定方式和$('ul li').bind('click', function(){console.log('click');})一样；我通过js给ul添加了一个li：$('ul').append('<li>js new li<li>')；这个新加的li是不会被绑上click事件的
但是我用$('ul').on('click', 'li', function(){console.log('click');}方式绑定，然后动态添加li:$('ul').append('<li>js new li<li>');这个新生成的li被绑上了click事件
相关推荐
在jQuery中，`bind` 和 `on` 都是用来绑定事件处理函数的，但它们之间存在一些关键的区别。本文将详细解析这两个方法的用法及其差异。 首先，`bind` 是 jQuery 的早期版本中用于绑定事件的方法。它接受三个参数：`...
3. **替代方法**：自 jQuery 1.7 版本起，推荐使用 `.on()` 方法来代替 `bind()` 和 `delegate()`，因为 `.on()` 更加灵活且性能更优。 #### 七、总结 `bind()` 方法是 jQuery 中一个非常有用的工具，用于在 DOM ...
在jQuery中，`on`和`bind`都是用于绑定事件处理函数的方法，但它们之间存在一些关键的区别，尤其是在处理动态添加元素和事件冒泡方面。本文将深入探讨这两个方法，并通过实例来阐述它们的不同。 首先，`bind`是...
此外，`bind()`、`live()`和`delegate()`在某些早期版本的jQuery中不支持动态创建元素的事件绑定，而`on()`方法解决了这个问题。 了解了这些方法的使用和区别，可以帮助开发者在处理不同情况下的事件绑定时做出更...
总结来说，jQuery的`bind()`和`on()`方法是实现DOM元素事件处理的关键工具。通过它们，我们可以轻松地监听和响应用户的各种操作，从而提升用户体验。在实际编程中，应根据项目需求选择合适的方法，并充分利用jQuery...
在我们日常开发中经常会使用到.bind()、.live()、.delegate()和.on()，有些同学会对这四者存在一些疑虑，所以下面这篇文章主要给大家介绍了关于Jquery中.bind()、.live()、.delegate()和.on()之间区别的相关资料，...
从jQuery 1.7版本开始，更推荐使用.on()和.off()方法来替代.bind()和.unbind()方法，因为新的方法提供了更好的性能和更灵活的事件委托能力，同时还向下兼容旧版jQuery。 在使用jQuery进行Web开发时，理解bind()方法...
随着jQuery版本的更新，`on()`方法取代了`bind()`, `live()`, 和 `delegate()`，成为统一的事件绑定接口。`on()`提供了更大的灵活性，可以处理当前和未来的所有元素，同时也支持代理模式。下面是如何使用`on()`的...
理解和熟练运用`append()`、`remove()`、`bind()`、`live()`（或`on()`）等方法，对于提高网页交互的用户体验至关重要。在实际项目中，根据jQuery的版本和需求选择合适的方法和插件，能有效提升开发效率和代码质量。
### jQuery实现ready和bind事件知识点详解 #### Jquery ready事件 在JavaScript中，页面加载完成后执行一段代码是一个非常常见的需求。传统上，我们会使用`window.onload`事件来实现这一点。但`window.onload`有其...
在不同的版本中，jQuery 提供了多种方法来绑定事件，主要包括 bind()、on()、live() 和 one()。接下来，我们将详细探讨这些方法的相似点和不同点。 首先，让我们了解一下 bind() 方法。bind() 是 jQuery 中最传统的...
在 jQuery 1.7 之后，引入了 `on()` 和 `off()` 方法，这两个方法可以替代 `live()`、`bind()` 和 `delegate()` 方法，并且提供了更多的灵活性和强大的事件委托能力。例如，`$(document).on('click', '.selector', ...
总结来说，bind()和on()都是jQuery中处理事件的有用工具，但在处理动态内容或者遵循现代jQuery实践时，on()方法显得更为全面和推荐使用。理解这两种方法的使用场景和方法，能帮助开发者写出更加健壮和可维护的代码。
在实际的jQuery开发中，`bind`方法常常与`.live()`, `.delegate()`, 和`.on()`等方法一起使用，以实现动态添加元素的事件处理。然而，从jQuery 1.7版本开始，`.on()`方法成为推荐的事件绑定方式，因为它更强大且效率...
jQuery 提供了多种方式来实现实时监听，例如使用 `bind` 方法或 `on` 方法。 实例分析：使用 jQuery 实时监听输入框值的变化 ```javascript $('input').bind('input propertychange', function() { // 进行相关...