先举个例子:
<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()和.on(),有些同学会对这四者存在一些疑虑,所以下面这篇文章主要给大家介绍了关于Jquery中.bind()、.live()、.delegate()和.on()之间区别的相关资料,...
什么是 .live() .live方法类似于.bind(),除此之外,它允许你将事件绑定到DOM元素上,可以将事件绑定到DOM中还不存在的元素上,看看下面的例子: 比方说当用户在点击链接时及想提示他们正在离开站点。 代码如下: $...
本文实例讲述了jquery中live()方法和bind()方法区别。分享给大家供大家参考,具体如下: live()不受加载时间顺序的影响,只要查找能够配对上就能够绑定对应的事件,而bind方法只有在第一次被加载的时候才绑定时间,...
服务器的IP:192.168.1.2 1.1 检查是否安装bind 使用命令dpkg -l bind*查看相关软件是否安装 这是安装的效果 如果没有安装就进行下一步 1.2 安装 BIND9 命令:sudo apt-get install bind9 ...
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中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind(“click”,... 【bind和live的区别】 live方法其实是bind方法的变种,其基本功能就同bind方法的功能是一样的,都
function.bind()方法默认IE8是不支持的,下面有个小技巧可完美解决这个问题,为此疑惑的朋友可以看看
jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解共8页.pdf.zip
使用livequery插件,或可以使用jquery的live方法。摘录一段live简单使用方法。 更多详情还见官网 http://api.jquery.com/live/ live(type, [data],fn) 概述 jQuery给所有匹配的元素附加一个事件处理函数,即使这个...
jQuery:bind() delegate() live()事件绑定
注意如果是通过jq添加的层和对象一定要用live(),用其他的都不起作用 live的缺点就是,运行完以后不释放空间,太多的使用会占用更多的内存,bind()则点击完以后释放空间 区别一: Click here 可以给这个元素绑定...
这个live身上,若使用bind可能达不到要求,因为若异步请求后返回请求为html而不是json的话,当使用html重新刷新页面时,bind的组件可能失效。 ————————— 解决 所以,最后只能在html标签元素上面加上onclick...
4.1 “BIND” Operation .........................................................................................45 4.1.1 “BIND_TRANSMITTER” Syntax ...............................................46 ...
在bind()中,jQuery所有JavaScript事件对象,比如focus, mouseover,和resize,都是可以作为type参数传递进来的。 参数:type,[data],function(eventObject)例如: 代码如下:$(“p”).bind(“click”,function(){ ...
click(),bind(),live()都是执行事件时使用的方法,他们之前是有一些区别的,我们在使用这些方法时应该根据需要进行选择。 1.click()方法是我们经常使用的单击事件方法: 代码如下:$(“a”).click(function(){ ...