(二)jquery总结:Event
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”);
}
);
元素事件列表说明
注:不带参数的函数,其参数为可选的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