`

JQuery中click与live两种绑定click事件的区别

阅读更多

一,click绑定事件

$(document).ready(function() {
    $('#divId').click(function() {
        console.log('hello');
    });
});

    在文档流中,后续通过脚本动态添加的元素(符合 id="divId"),是没有绑定click事件的。

 

二,live绑定事件

$('#divId').live('click', function() {
    console.log('hello');
});

    后续通过脚本动态添加的元素(符合 id="divId"),也是绑定了click事件的

分享到:
评论

相关推荐

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

    本文将详细介绍在jQuery中绑定`click`事件的三种常见方法,以及它们的应用场景和差异。 ### 1. `click()`方法 这是最直接和最简单的绑定`click`事件的方式。当你希望为一个元素添加点击事件监听器时,可以使用`...

    JQuery绑定事件

    jQuery中的事件绑定主要通过以下几种方式实现: 1. **`.on()`**:这是jQuery中最通用的事件绑定方法,可以用于绑定任何类型的事件。例如: ```javascript $('#myElement').on('click', function() { console.log...

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

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

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

    在JavaScript和jQuery中,事件处理是一种常见的操作,允许开发者对用户的行为作出响应。然而,当涉及到未来可能添加到DOM中的元素时,传统的事件绑定方法(如直接使用`.click()`、`.bind()`等)就无法满足需求了。...

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

    jquery中绑定事件一般使用bind,或者click,但是这只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要另行绑定。在1.7版本以前使用live。但是在1.8版本以后推荐使用on。这里介绍jQuery中如何给动态...

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

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

    jQuery绑定事件方法及区别(bind,click,on,live,one)

    此外,`bind()`、`live()`和`delegate()`在某些早期版本的jQuery中不支持动态创建元素的事件绑定,而`on()`方法解决了这个问题。 了解了这些方法的使用和区别,可以帮助开发者在处理不同情况下的事件绑定时做出更...

    Jquery对新插入的节点 绑定Click事件失效的解决方法

    在旧版本的jQuery中,`live`方法是解决动态添加元素事件绑定的理想选择,因为它能够监听到当前及将来可能添加到DOM中的元素。然而,由于性能原因,jQuery 1.7之后的版本不再推荐使用`live`,并最终在版本1.9中将其...

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

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

    jQuery中live方法的重复绑定说明

    代码如下: //先通过die()方法解除,再通过live()绑定 $(“#selectAll”).die().live(“click”,function(){ //事件运行代码 }); die()方法简介: 代码如下: die([type], [fn]) </SPAN> 概述 jQuery 1.3新增。此...

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

    标题提到的`bind`和`live`都是jQuery中用于事件绑定的方法,它们虽然在功能上有相似之处,但在使用场景和性能上有所不同。以下是对这两个方法的详细解释和比较: 1. `bind()`方法: `bind()`是jQuery中最基础的...

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

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

    关于Jquery中的事件绑定总结

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

    jquery事件

    例如,`$('table').on('click', 'tr', function() {...})`,即使表格中的行是在事件绑定后添加的,点击行也会触发事件处理函数。 5. **事件分离** 使用`off()`方法可以解除事件绑定,以避免内存泄漏。例如,`$("#...

    浅析jQuery事件之on()方法绑定多个选择器,多个事件

    on()方法是jQuery中用于绑定事件处理器的核心方法之一。它可以用于在一个或多个元素上绑定一个或多个事件处理器。在现代的jQuery版本中,on()方法取代了之前版本中的.bind(), .live(), 和.delegate()方法。 ### on...

    详解jQuery中的事件

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

    jQuery中bind(),live(),delegate

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

    jQuery参考手册-事件总结

    在jQuery库中,事件处理变得简单且灵活,提供了多种方法来绑定、触发和管理事件。以下是对jQuery事件方法的详细总结: 1. **bind()**: `bind()` 方法允许你为一个或多个事件(如`click`、`change`等)绑定一个处理...

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

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

Global site tag (gtag.js) - Google Analytics