jquery中的事件和动画

一,事件绑定

通用方法:

bind(type,[,data],fn) 三个参数分别是事件类型(如"click"),相关数据(可选项),事件处理函数

简单写法:

click(fn),mouseover,mouseout等

合成事件:

hover(fn1(){},fn2(){}):合成了mouseenter和mouseleave事件,注意不是mouseover和mouseout

toggle()用于模拟鼠标连续点击事件,第一次点击触发第一个函数,第二次触发第二个函数,依次类推...

 

二、事件移除

unbind([type],[data]);

 

三、事件模拟

trigger(type,[data])

 

三、事件处理函数function(event){},参数event常见属性及方法

event.stopPropagation():阻止事件冒泡

event.preventDefault():阻止默认行为

return false;同时阻止事件冒泡和默认行为

event.type 事件类型,如click

evnet.target 事件发生的对象

event.relatedTarget 不详

event.pageX, event.pageY 获取光标所在的坐标

event.which 获取鼠标的左,中,右键

event.keyCode 获取键盘

 

四,jquery中的动画

show(),hide() 切换样式display:none,block/inline

fadeIn(),fadeOut() 改变元素的不透明度

slideUp(),slideDown() 改变元素的高度

通用方法 animate(params,speed,callback)

停止动画 stop([clearQueue],[gotoEnd]),如果直接调用表示停止当前动画,一般在添加动画前,都会调用stop()

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。