时间:2021-05-26
首先介绍这两个方法之前,我们常用的是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 树的根节点上。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
谈论jquery中bind(),live(),delegate(),on()绑定事件方式1.Bind()$(selector).bind(event,data,
本文实例讲述了jquery绑定事件bind和on的用法与区别。分享给大家供大家参考,具体如下:bind和on都是给元素绑定事件用的,其最大的区别就是事件冒泡事件
对未来的元素绑定事件不能用bind,1、可以用live代替,但是要注意jquery的版本,根据官方文档,从1.7开始就不推荐live和delegate了,1.9
本文实例讲述了JQuery中的事件及动画用法。分享给大家供大家参考。具体分析如下:1.bind事件复制代码代码如下:$(function(){$("#divid
本文实例分析了jQuery中bind(),live(),delegate(),on()绑定事件方法。分享给大家供大家参考,具体如下:前言因为项目中经常会有利用j