`

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给动态添加的元素绑定事件的方法

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

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

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

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

    Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind(“click”,function(){}); (3)target.live(“click”,function(){}); 第一种方法很好理解,其实就和普通JS的...

    关于Jquery中的事件绑定总结

    因为项目中经常会有利用jquery操作dom元素的增删操作,所以会涉及到dom元素的绑定事件方式,简单的归纳一下bind,live,delegate,on的区别,以便以后查阅,也希望该文章日后能帮助到朋友,如有不妥之处,希望指出、...

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

    第一种方式: $(document).ready(function(){ $(#clickme).click(function(){ alert(hello world click) }) }) 第二种方式(简写方式为第一种): ...注意:第三种方式只适用于jquery 1.7以上

    jQuery事件绑定和委托实例

    jQuery事件的绑定和委托可以用多种方法实现,on() 、 bind() 、 live() 、 delegate() ,还有one()。   有时我们可能会像下面这样绑定一个事件: 代码如下:$(“#div1”).click(function() {   alert(...

    jQuery中dom元素上绑定的事件详解

    在jquery中绑定事件我们可以使用click、change、mouseout、.bind(),live等待事件来操作,下面我来给大家介绍jQuery使用向DOM元素绑定事件实现程序相关实例,有需要了解的同不可进入参考。

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

    1.有人说用 Live, 事实上现在最新的Jquery已经不支持 Live 了。live的解决方法如下: 你可以看这个 也可以不看 ,只是做到心中有数就可以了。下面介绍ON的方法。 live:Live的使用介绍 2.有人用了ON 来解决, 这个...

    jQuery页面元素动态添加后绑定事件丢失方法,非 live

    代码1: 以此方法绑定的input框事件,在通过add按钮后用jquery绑定的事件 alert就会丢失 <input type=button value=Add name=test_but /> <div id=test_div><input name=test_input/> [removed] $('...

    jquery中live()方法和bind()方法区别分析

    本文实例讲述了jquery中live()方法和bind()方法区别。分享给大家供大家参考,具体如下: live()不受加载时间顺序的影响,只要查找能够配对上就能够绑定对应的事件,而bind方法只有在第一次被加载的时候才绑定时间,...

    详解jQuery向动态生成的内容添加事件响应jQuery live()方法

    jQuery live()方法是给所有匹配的元素附加一个事件处理函数,即使这个元素是以后通过append,prepend,after等事件生成后的内容也依然有效。 这个方法可以看做是 .bind() 方法的一个变体。使用 .bind() 时,选择器匹配...

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

    1. bind/Unbind在jquery的事件模型中,有两个基本的事件绑 定函数,bind与unbind,这两个函数的含义就是匹配页面元素进行相关事件的处理。比如我们在JS中经常使用到的 onfocus,onblur,onmouseover,onmousedown等...

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

    对未来的元素绑定事件不能用bind, 1、可以用live代替,但是要注意jquery的版本,根据官方文档,从1.7开始就不推荐live和delegate了,1.9里就去掉live了。 2、推荐用on代替(注:1.7及以上的版本才支持)。用法:on...

    jquery事件重复绑定的快速解决方法

    代码如下://先通过die()方法解除,再通过live()绑定$(“#selectAll”).die().live(“click”,function(){//事件运行代码});二 click等事件 解决:使用unbind(“click”)方法先解除绑定的事件再绑定新事件,即在给...

    jQuery动态添加的元素绑定事件处理函数代码

    参考:http://api.jquery.com/live/ 以前我们定义事件,比如为元素定义单击事件是这样写的: 代码如下: $(‘input’).click(function () { //处理代码 }); 或 代码如下: $(‘.clickme’).bind(‘click’, function...

    jQuery on()方法绑定动态元素的点击事件无响应的解决办法

    支持给动态元素和属性绑定事件的是live和on,其中live在JQUERY 1.7之后就不推荐使用了。现在主要用on,使用on的时候也要注意,on前面的元素也必须在页面加载的时候就存在于dom里面。动态的元素或者样式等,可以放在...

    jQuery详细教程

    下面是 jQuery 中事件方法的一些例子: Event 函数 绑定函数至 $(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时) $(selector).click(function) 触发或将函数绑定到被选元素的点击事件 $...

    jquery新的绑定事件机制on方法的使用方法

    浏览jQuery的deprecated列表,发现live()和die()在里面了,赶紧看了一下,发现从jQuery1.7开始,jQuery引入了全新的事件绑定机制,on()和off()两个函数统一处理事件绑定。因为在此之前有 bind(), live(), delegate()...

Global site tag (gtag.js) - Google Analytics