`

.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()是三种重要的技术。为了深入理解这些方法之间的区别和特点,首先需要对DOM事件的传播机制有所了解。在DOM事件模型中,事件传播分为捕获和冒泡两个...

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

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

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

    .live()与.bind()方法相似,但它具有一个显著的优势:它能够对DOM中当前存在或未来可能添加的元素进行事件绑定。这意味着,即便元素在事件绑定后才被添加到页面中,它们依然能够响应预设的事件。下面是一个典型的...

    jQuery中bind(),live(),delegate

    `delegate()`是介于`bind()`和`live()`之间的一个方法,它允许你在父级元素上绑定事件,而不是在整个文档上。这有助于提高性能,因为事件处理只会在指定的父元素上进行。用法如下: ```javascript $('#container'...

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

    由于IE8不支持`bind`,因此在初始化地图和添加事件监听器时可能会遇到问题。通过引入上述的模拟`bind`的代码,开发者可以确保在IE8上也可以正常运行使用`bind`的代码,比如为地图上的标记添加信息窗口。 总结来说,...

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

    在早期版本的 jQuery 中,`live()` 方法和 `bind()` 方法是两种主要的事件绑定方式,它们在功能和使用上有各自的特点和限制。 `live()` 方法主要用于为当前及未来添加到 DOM 中的元素绑定事件处理器。例如,如果有...

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

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

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

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

    jQuery中bind,live,delegate与one方法的用法及区别解析

    在jQuery库中,有四种主要的方法用于绑定事件处理程序:`.bind()`, `.live()`, `.delegate()`, 和 `.one()`。这些方法各有特点,适用于不同的场景,下面我们将逐一深入探讨它们的用法和区别。 1. **.bind() 方法** ...

    Bind9安装设置指南

    3. **缓存策略**:调整缓存大小和TTL(Time To Live)值以优化性能。 4. **启用DNSSEC**:增加DNS查询的安全性,防止中间人攻击。 **五、故障排查** 使用`dig`或`nslookup`工具进行查询测试,例如: ```bash dig ...

    Bind9 RPZ配置.pdf

    Bind9 RPZ(Response Policy Zone)配置是DNS服务器安全策略的一部分,用于控制和过滤特定的域名解析请求。在本配置示例中,目标是确保当用户尝试访问一系列被标记为非法或恶意的域名时,DNS服务器返回“NXDOMAIN”...

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

    3. `bind()`与`live()`的区别: - **事件范围**:`bind()`仅对当前存在的元素有效,`live()`则可以作用于现在和未来的元素。 - **事件类型**:早期版本的`live()`支持有限的事件类型,但随着jQuery的更新,这一...

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

    在jQuery库中,`live()` 和 `bind()` 都是用来为元素绑定事件处理函数的方法,但它们之间存在着显著的差异,这些差异对于理解和优化JavaScript代码至关重要。本文将深入探讨这两个方法的区别及其应用场景。 首先,`...

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

    在jQuery中,`bind()`和`live()`是两种常见的事件绑定方法,它们允许开发者为页面上的元素添加事件监听器。然而,两者之间存在着显著的区别,理解这些差异对于编写高效的前端代码至关重要。 首先,`bind()`是jQuery...

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

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

Global site tag (gtag.js) - Google Analytics