本文以实例形式详细汇总了jQuery中事件的用法,对jQuery的学习有很好的参考价值。分享给大家供大家参考之用。具体用法如下:
1.通过方法名给元素绑定事件:
$('li').click(function(event){})2.通过bind方法给元素绑定事件:
$('li')
.bind('click',function(event){})
.bind('click',function(event){})
可见,通过bind,可以给元素绑定多个事件。
3.事件的命名空间
为什么需要事件命名空间?
→假设,先给li元素绑定2个click事件。
$('li')
.bind('click',function(event){})
.bind('click',function(event){})
→现在我们要把其中一个click事件注销掉,可能这样写:
$('li').unbind('click')
但这样,我们li所有的click事件都注销了,这不是我们想要的。使用事件命名空间可解决这一问题,之所以需要事件命名空间,是因为它为我们在注销事件的时候提供了方便。
如何使用事件命名空间?
→在为元素绑定事件的时候,在事件名称后加上命名空间,符合格式:事件名称.命名空间名称。
$('li')
.bind('click.editMode',function(event){})
.bind('click.displayMode',function(event){})
→在注销事件的时候,可以这样写:
$('li').unbind('click.editMode')4.事件的种类
blur
change
click
dblclick
error
focus
focusin
focusout
keydown
keypress
keyup
load
mousedown
mouseenter
mouseleave
mousemove
mouseout
moseover
mouseup
ready
resize
scroll
select
submit
unload
5.one方法
用于创建一次性事件,一旦这个事件执行了一次后,就会被自动删除。
$("p").one("click",function(){
$(this).animate({fontSize: "+=6px"});
})
6.删除事件
//先给元素添加事件
$("p").click(function(){
$(this).slideToggle();
})
//再把元素的事件删除
$("button").click(function(){
$("p").unbind();
})7.Event属性
实际上,它是jquery的全局属性,jQuery.Event。每当触发事件,Event对象实例就会被传递给Event Handler。
可以通过Event的构造函数来创建事件,并触发事件。
var e = jQueery.Event("click")










