先举个例子:
<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()是三种重要的技术。为了深入理解这些方法之间的区别和特点,首先需要对DOM事件的传播机制有所了解。在DOM事件模型中,事件传播分为捕获和冒泡两个...
在我们日常开发中经常会使用到.bind()、.live()、.delegate()和.on(),有些同学会对这四者存在一些疑虑,所以下面这篇文章主要给大家介绍了关于Jquery中.bind()、.live()、.delegate()和.on()之间区别的相关资料,...
.live()与.bind()方法相似,但它具有一个显著的优势:它能够对DOM中当前存在或未来可能添加的元素进行事件绑定。这意味着,即便元素在事件绑定后才被添加到页面中,它们依然能够响应预设的事件。下面是一个典型的...
`delegate()`是介于`bind()`和`live()`之间的一个方法,它允许你在父级元素上绑定事件,而不是在整个文档上。这有助于提高性能,因为事件处理只会在指定的父元素上进行。用法如下: ```javascript $('#container'...
由于IE8不支持`bind`,因此在初始化地图和添加事件监听器时可能会遇到问题。通过引入上述的模拟`bind`的代码,开发者可以确保在IE8上也可以正常运行使用`bind`的代码,比如为地图上的标记添加信息窗口。 总结来说,...
在早期版本的 jQuery 中,`live()` 方法和 `bind()` 方法是两种主要的事件绑定方式,它们在功能和使用上有各自的特点和限制。 `live()` 方法主要用于为当前及未来添加到 DOM 中的元素绑定事件处理器。例如,如果有...
服务器的IP:192.168.1.2 1.1 检查是否安装bind 使用命令dpkg -l bind*查看相关软件是否安装 这是安装的效果 如果没有安装就进行下一步 1.2 安装 BIND9 命令:sudo apt-get install bind9 ...
在探讨jQuery中的`bind()`, `delegate()`, 和`live()`事件绑定方法的区别时,我们需要深入理解它们在处理DOM事件时的独特方式。这些方法在不同的场景下提供了灵活且高效的选择,帮助开发者创建响应式和动态的Web应用...
在jQuery库中,有四种主要的方法用于绑定事件处理程序:`.bind()`, `.live()`, `.delegate()`, 和 `.one()`。这些方法各有特点,适用于不同的场景,下面我们将逐一深入探讨它们的用法和区别。 1. **.bind() 方法** ...
3. **缓存策略**:调整缓存大小和TTL(Time To Live)值以优化性能。 4. **启用DNSSEC**:增加DNS查询的安全性,防止中间人攻击。 **五、故障排查** 使用`dig`或`nslookup`工具进行查询测试,例如: ```bash dig ...
Bind9 RPZ(Response Policy Zone)配置是DNS服务器安全策略的一部分,用于控制和过滤特定的域名解析请求。在本配置示例中,目标是确保当用户尝试访问一系列被标记为非法或恶意的域名时,DNS服务器返回“NXDOMAIN”...
3. `bind()`与`live()`的区别: - **事件范围**:`bind()`仅对当前存在的元素有效,`live()`则可以作用于现在和未来的元素。 - **事件类型**:早期版本的`live()`支持有限的事件类型,但随着jQuery的更新,这一...
在jQuery库中,`live()` 和 `bind()` 都是用来为元素绑定事件处理函数的方法,但它们之间存在着显著的差异,这些差异对于理解和优化JavaScript代码至关重要。本文将深入探讨这两个方法的区别及其应用场景。 首先,`...
在jQuery中,`bind()`和`live()`是两种常见的事件绑定方法,它们允许开发者为页面上的元素添加事件监听器。然而,两者之间存在着显著的区别,理解这些差异对于编写高效的前端代码至关重要。 首先,`bind()`是jQuery...
使用livequery插件,或可以使用jquery的live方法。摘录一段live简单使用方法。 更多详情还见官网 http://api.jquery.com/live/ live(type, [data],fn) 概述 jQuery给所有匹配的元素附加一个事件处理函数,即使这个...