`

.live()和.bind()的区别

 
阅读更多

先举个例子:

 

<body>
   <div class="dj">点击</div>
</body>

 

 $("div.dj").bind("click",function(){
      alert("XXXXXXXXXXX");
       $("body").append('<div class="dj">再点击</div>');
   });
 
 $("div.dj").live("click",function(){
      alert("XXXXXXXXXXX");
       $("body").append('<div class="dj">再点击</div>');
   });

 结果:

  在调用bind()后插入到body里面的“再点击”没有起到任何效果。

  调用live()后插入到body的“再点击”可以继续使用。

 

1.live(type,[data],fn)  给每个匹配元素附加一个事件处理函数,即使这个元素后面再添加进来的也有效。

 

2.bind(type,[data],fn)   为每个匹配元素的特定事件绑定处理函数,如果这个元素在调用.bind()之后添加的,想再次触发时这个元素不起任何效果

 

   参数:

type String 含有一个或多个事件类型字符串或自定义的事件名。可以同时绑定多个事件

如:"click","submit","focus","mouseover","resize"......

自定义 :通过.trigger()或.triggerHandler()手动触发

data Object 作为event.data属性值传递给事件对象的额外数据对象,是可选的。
fn function 每个匹配元素的事件处理函数

 

例:

$("#foo").bind("mouseenter mouseleave",function(){
     $(this).toggleClass("enteredCss");
 })
 

id="foo"元素,鼠标移进去的时候加入enteredCss样式,移出的时候去除这个样式。(初始的时候不存在这个样式)

 

 

 

分享到:
评论

相关推荐

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

    jQuery中的.bind()、.live()和.delegate()之间区别分析,学习jquery的朋友可以参考下。

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

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

    jQuery的.live()和.die() 使用介绍

    什么是 .live() .live方法类似于.bind(),除此之外,它允许你将事件绑定到DOM元素上,可以将事件绑定到DOM中还不存在的元素上,看看下面的例子: 比方说当用户在点击链接时及想提示他们正在离开站点。 代码如下: $...

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

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

    Ubuntu-Server-DNS服务器的配置方法.doc

     服务器的IP:192.168.1.2  1.1 检查是否安装bind  使用命令dpkg -l bind*查看相关软件是否安装 这是安装的效果    如果没有安装就进行下一步  1.2 安装 BIND9  命令:sudo apt-get install bind9 ...

    DNS.and.BIND.on.IPv6(第1版)

    Cricket, his wife, Paige, their son, Walt, and daughter, Greta, live in California with their two Siberian Huskies, Annie and Dakota. 目录: Chapter 1 DNS and IPv6 Chapter 2 BIND on IPv6 ...

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

    Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind(“click”,... 【bind和live的区别】 live方法其实是bind方法的变种,其基本功能就同bind方法的功能是一样的,都

    让IE8浏览器支持function.bind()方法

    function.bind()方法默认IE8是不支持的,下面有个小技巧可完美解决这个问题,为此疑惑的朋友可以看看

    jQuery中bind(),live(),delegate

    jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解共8页.pdf.zip

    jQuery中.live()方法的用法深入解析

    使用livequery插件,或可以使用jquery的live方法。摘录一段live简单使用方法。 更多详情还见官网 http://api.jquery.com/live/ live(type, [data],fn) 概述 jQuery给所有匹配的元素附加一个事件处理函数,即使这个...

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

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

    深入理解jQuery中live与bind方法的区别

    注意如果是通过jq添加的层和对象一定要用live(),用其他的都不起作用 live的缺点就是,运行完以后不释放空间,太多的使用会占用更多的内存,bind()则点击完以后释放空间 区别一: Click here 可以给这个元素绑定...

    jquery的live使用注意事项

    这个live身上,若使用bind可能达不到要求,因为若异步请求后返回请求为html而不是json的话,当使用html重新刷新页面时,bind的组件可能失效。 ————————— 解决 所以,最后只能在html标签元素上面加上onclick...

    Short Message peer to peer Protocol specification v3.4

    4.1 “BIND” Operation .........................................................................................45 4.1.1 “BIND_TRANSMITTER” Syntax ...............................................46 ...

    jQuery中bind与live的用法及区别小结

    在bind()中,jQuery所有JavaScript事件对象,比如focus, mouseover,和resize,都是可以作为type参数传递进来的。 参数:type,[data],function(eventObject)例如: 代码如下:$(“p”).bind(“click”,function(){ ...

    Query中click(),bind(),live(),delegate()的区别

    click(),bind(),live()都是执行事件时使用的方法,他们之前是有一些区别的,我们在使用这些方法时应该根据需要进行选择。 1.click()方法是我们经常使用的单击事件方法: 代码如下:$(“a”).click(function(){ ...

Global site tag (gtag.js) - Google Analytics