Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jquery 注册事件的方法

jquery 注册事件的方法

发布时间:2012-07-19   编辑:www.jquerycn.cn
jquery 注册事件,jquery 绑定时间的方法主要有直接使用事件名的方法,bind方法,on方法,一次性的时间绑定one方法,即使是后来加进来也有效的live方法

jquery注册时间的方法主要有主要有直接使用事件名的方法,bind方法,on方法,一次性的时间绑定live方法

1.使用事件名来绑定,可用的事件名有 change,click,dblclick,error,focus,focusin,focusout,keydown,keypress,keyup,mousedown,mouseenter,mouseleave,mousemove,mouseout,mouseover,mouseup,resize,scroll,select,submit,unload

例如:

$('#target').click(function(){
 alert('#target元素绑定了click事件');
 });

2.使用bind方法来绑定事件 bind(type,[data],fn) 。type 参数及为我们上面讲的各种事件名,例如:

当每个段落被点击的时候,弹出其文本。

3.使用on方法来注册事件 ,on方法基本和bind方法差不多,其实bind方法最好也是调用on方法来实现的

$('.scv').on('click', function(){
$(this).clone(true).appendTo('#container');
});

4.即使是后来加进来也有效的方法live方法

在老的jQuery版本中,我们有一个方法专门用来处理动态生成的元素的事件绑定 - live(),使用live()方法可以将方法绑定的效果应用到已存在或者新创建的DOM元素。代码如下:

$('.scv').live('click', function(){
$(this).clone().appendTo('#container');
});

5.一次性的事件绑定方法one方法,为每一个匹配元素的特定事件(像click)绑定一个一次性的事件处理函数。当所有段落被第一次点击的时候,显示所有其文本。

$("p").one("click", function(){
  alert( $(this).text() );
});

您可能感兴趣的文章:
jquery 注册事件的方法
jQuery中的bind绑定事件与文本框改变事件的临时解决方法
jQuery的实现原理的模拟代码 -3 事件处理
jQuery源码分析之Event事件分析
jQuery中live方法的重复绑定说明
jquery 学习笔记一
jQuery 回车事件enter使用示例
jQuery代码优化之基本事件
jquery中的$(document).ready()使用小结
帝国cms注册加入问答验证(防垃圾注册机)的代码

关键词: 事件  方法   
[关闭]