手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery中bind与live的用法及区别小结
jQuery中bind与live的用法及区别小结
摘要:首先介绍这两个方法之前,我们常用的是click()方法复制代码代码如下:$("a").click(function(){alert("hel...

首先介绍这两个方法之前,我们常用的是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>

<td>Click me</td>

</tr>

$(".mytd").bind("click",function(){

alert("hello");

})

点击Clike me 会弹出hello

此时添加一个新的元素进来

复制代码 代码如下:

$(".mytr").after("<tr><td>后加的</td></tr>");

这时 再使用bind点击"后加的"不会执行

改为使用live()方法

复制代码 代码如下:

$(".mytd").live("click",function(){

alert("hello");

})

.live()方法能对一个还没有添加进DOM的元素有效,是由于使用了事件委托:

绑定在祖先元素上的事件处理函数可以对在后代上触发的事件作出回应。

传递给 .live() 的事件处理函数不会绑定在元素上,而是把他作为一个特殊的事件处理函数,绑定在 DOM 树的根节点上。

【jQuery中bind与live的用法及区别小结】相关文章:

jQuery实现弹出窗口中切换登录与注册表单

Jquery使用val方法读写value值

javascript中this的四种用法

javascript去除空格方法小结

JQuery中Text方法用法实例分析

基于jQuery实现的无刷新表格分页实例

javaScript中with函数用法实例分析

JQuery中clone方法复制节点

jQuery实现在列表的首行添加数据

JavaScript中用sort()方法对数组元素进行排序的操作

精品推荐
分类导航