jQuery中bind与live的用法与区别
来源:互联网 发布:网络英语线上线下教学 编辑:程序博客网 时间:2024/05/16 15:02
首先介绍这两个方法之前,我们常用的是click()方法
$("a").click(function() { alert("hello");});
click()方法是bind()方法的一种简单方法。在bind()中,
jQuery所有JavaScript事件对象,比如focus, mouseover,和resize,
都是可以作为type参数传递进来的。
参数:type,[data],function(eventObject)
例如:
$("p").bind("click",function(){ alert("hello");})
也可以传参
var message = "how are you!";$("p").bind("click",{msg:message},function(e){ alert(e.data.msg);})
live()给所有匹配的元素附加一个事件处理函数,
即使这个元素是以后再添加进来的也有效。如下:
<tr class="mytr"> <td class="mytd">Click me</td></tr>$(".mytd").bind("click",function(){ alert("hello");})点击Clike me 会弹出hello
此时添加一个新的元素进来
$(".mytr").after("<tr><td class='mytd'>后加的</td></tr>");这时 再使用bind点击"后加的"不会执行
改为使用live()方法
$(".mytd").live("click",function(){alert("hello");})
.live()方法能对一个还没有添加进DOM的元素有效,是由于使用了事件委托:
绑定在祖先元素上的事件处理函数可以对在后代上触发的事件作出回应。
传递给 .live() 的事件处理函数不会绑定在元素上,而是把他作为一个特殊的事件处理函数,绑定在 DOM 树的根节点上。
2 0
- jQuery中bind与live的用法与区别
- jquery--bind()、live()、delegate()的用法与区别
- jQuery中bind,live,delegate与one方法的用法及区别
- jQuery中bind,live,delegate与one方法的用法及区别
- jQuery中bind,live,delegate与one方法的用法及区别
- jQuery中.live()方法的使用方法与bind()区别
- jQuery中live与bind方法的区别
- jQuery live与bind的区别
- on(), live(), bind()的用法与区别
- jQuery中的bind()、live()的区别与使用
- 深入理解jQuery中live与bind方法的区别 unity3d资源
- jQuery中bind,live,delegate,on绑定事件的方式与区别
- Jquery 中 bind 和 live 的好处与坏处!
- Jquery中bind和live的区别
- jquery中bind、live的区别
- jquery中live和bind的区别
- jquery中bind和live的区别
- Jquery中bind和live的区别
- boost 异步IO 客户端 实例代码
- 基于C#弹幕类射击游戏的实现——(一)概述
- 第一次的博客,说说我的工作吧!
- 字体描边效果研究
- java url重写
- jQuery中bind与live的用法与区别
- 用phonegap和jquery mobile的跨域问题
- verilog语言定义的“寄存器”是否被优化掉的实验
- 收音机小票打印程序
- oracle 存储过程使用实例(含事物和异常处理)
- 基于ubuntu 下 vim 入门进阶篇之环境和插件的配置2步完美搞定
- Signal missing in the sensitivity list is added for synthesis purposes.
- Flex 根据选择隐藏某个组件
- SYBASE ASE 常见配置探究及推荐值(完善中)