jQuery 绑定事件及移除绑定事件方法和元素事件列表

1.jQuery Event 事件:

ready(fn);$(document).ready()注意在body中没有onload事件,否则该函数不能执行。在每个页面中可以有很多个函数被加载执行,按照fn的顺序来执行。

bind(type,[data],fn)为每一个匹配元素的特定事件(像click)绑定一个或多个事件处理器函数。可能的事件属性有:blur,focus,load,resize,scroll,unload,click,dblclick,mousedown,mouseup,mousemove,mouseover,mouseout,mouseenter,mouseleave,change,select,submit,keydown,keypress,keyup,error等。

one(type,[data],fn)为每一个匹配元素的特定事件(像click)绑定一个或多个事件处理器函数。在每个对象上,这个事件处理函数只会被执行一次。其他规则与bind()函数相同。

trigger(type,[data])在每一个匹配的元素上触发某类事件。

triggerHandler(type,[data])这一特定方法会触发一个元素上特定的事件(指定一个事件类型),同时取消浏览器对此事件的默认行动。

unbind([type],[data])反绑定,从每一个匹配的元素中删除绑定的事件。

$("p").unbind()移除所有段落上的所有绑定的事件。

$("p").unbind("click")移除所有段落上的click事件。

hover(over,out)over,out都是方法,当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。

$("p").hover(function(){

$(this).addClass("over");

},

function(){

$(this).addClass("out");

}

);

toggle(fn,fn)如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。

$("p").toggle(function(){

$(this).addClass("selected");

},

function(){

$(this).removeClass("selected");

}

);

2.元素事件列表说明:

注:不带参数的函数,其参数为可选的 fn。jQuery不支持form元素的reset事件。

事件                   描述                                            支持元素或对象

blur()元素失去焦点a,input,textarea,button,select,label,map,area

change()用户改变域的内容input,textarea,select

click()鼠标点击某个对象几乎所有元素

dblclick()鼠标双击某个对象几乎所有元素

error()当加载文档或图像时发生某个错误window,img

focus()元素获得焦点a,input,textarea,button,select,label,map,area

keydown()某个键盘的键被按下几乎所有元素

keypress()某个键盘的键被按下或按住几乎所有元素

keyup()某个键盘的键被松开几乎所有元素

load(fn)某个页面或图像被完成加载window,img

mousedown(fn)某个鼠标按键被按下几乎所有元素

mousemove(fn)鼠标被移动几乎所有元素

mouseout(fn)鼠标从某元素移开几乎所有元素

mouseover(fn)鼠标被移到某元素之上几乎所有元素

mouseup(fn)某个鼠标按键被松开几乎所有元素

resize(fn)窗口或框架被调整尺寸window,iframe,frame

scroll(fn)滚动文档的可视部分时window

select()文本被选定document,input,textarea

submit()提交按钮被点击form

unload( fn )         用户退出页面                                window

相关推荐