jQuery中bind与live的用法与区别.pdf

itmyhome的专栏
欢迎加入JAVA技术交流群:74955800
jQuery中bind与live的用法与区别
分类: jQuery 2013-12-18 19:49 130人阅读评论(0) 收藏举报
jQuerybindlive
首先介绍这两个方法之前,我们常用的是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();
})
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(){
1
alert("hello");
})
.live()方法能对一个还没有添加进DOM的元素有效,是由于使用了事件委托:
绑定在祖先元素上的事件处理函数可以对在后代上触发的事件作出回应。
() 的事件处理函数不会绑定在元素上,而是把他作为一个特殊的事件处理函数,绑定在 DOM 树的根
节点上。
更多
上一篇:jQuery中delegate与on的用法与区别
下一篇:oracle exp、imp实现导出导入
顶
0
踩
0
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

核心技术类目
全部主题 Java VPN Android iOS ERP IE10 Eclipse CRM JavaScript Ubuntu NFC WAP jQuery 数据库 BI HTML5
Spring Apache Hadoop .NET API HTML SDK IIS Fedora XML LBS Unity Splashtop ponents
Windows Mobile Rails QEMU KDE Cassandra CloudStack FTC coremail OPhone Co