码迷,mamicode.com
首页 > Web开发 > 详细

jquery中的事件和动画

时间:2015-05-06 12:41:42      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:

一,事件绑定

通用方法:

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()

 

jquery中的事件和动画

标签:

原文地址:http://www.cnblogs.com/bobodeboke/p/4481196.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!