博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery中的事件与动画
阅读量:6242 次
发布时间:2019-06-22

本文共 795 字,大约阅读时间需要 2 分钟。

1.鼠标事件

click( ) 触发或将函数绑定到指定元素的click事件 单击鼠标时

dblclick( ) 触发或将函数绑定到指定元素的dblclick事件 双击鼠标时

mouseover( ) 触发或将函数绑定到指定元素的mouseover事件 鼠标指针移过时 子元素有效

mouseout( ) 触发或将函数绑定到指定元素的mouseout事件 鼠标指针移出时 子元素有效

mouseenter( ) 触发或将函数绑定到指定元素的mouseenter事件 鼠标指针进入时 子元素无效

mouseleave( ) 触发或将函数绑定到指定元素的mouseleave事件 鼠标指针离开时 子元素无效

2.键盘事件

keydown( ) 触发或将函数绑定到指定元素的keydown事件 按下键盘时

keyup( ) 触发或将函数绑定到指定元素的keyup事件 释放按键时

keypress( ) 触发或将函数绑定到指定元素的keypress事件 产生可打印的字符时

3.浏览器事件

$(selector).resize( ); 改变浏览器窗口大小时触发

4.绑定事件方式:

on(),bind(),delegate(),live()

5.复合事件

hover(fn1,fn2) :鼠标移入移除

toggle():显示和隐藏

toggle(fn1....fnn)单击依照顺序触发

6.动画:

show(time,fn);

hide(time,fn);

fadeIn(time,fn); 淡入

fadeout(time,fn); 淡出

slideDown(time,fn); 逐步延伸

slideUp(time,fn); 逐步缩短直至隐藏

animate(样式,时间,执行函数)

7.示例:

 

转载于:https://www.cnblogs.com/tinghao/p/11040315.html

你可能感兴趣的文章
如何启动或关闭oracle的归档(ARCHIVELOG)模式
查看>>
[LintCode] Paint Fence 粉刷篱笆
查看>>
mysql中实现类似oracle中的nextval函数
查看>>
使用按键精灵+umdh定位内存泄露问题的方式
查看>>
RecyclerView实现ViewPager效果
查看>>
Bandicam视频录制技巧总结+小丸工具箱压缩视频解决视频体积问题
查看>>
JSP实现用户登录样例
查看>>
搞笑的W3C和M$对DOM中属性命名
查看>>
[Struts]让Dreamweaver显示Struts标签的插件
查看>>
便利的html5 之 required、number 、pattern
查看>>
[LeetCode] Find K Pairs with Smallest Sums 找和最小的K对数字
查看>>
VC6.0 C++ 如何调用微软windows系统SDK 语音API
查看>>
Python 3.5 RuntimeError: can't start new thread
查看>>
POJ 1659 Frogs' Neighborhood(可图性判定—Havel-Hakimi定理)【超详解】
查看>>
数字统计问题
查看>>
Windows下Redis缓存服务器的使用 .NET StackExchange.Redis Redis Desktop Manager
查看>>
SharpMap简析
查看>>
使用类加载器加载配置文件/getClassLoader().getResourceAsStream()
查看>>
配置 linux-bridge mechanism driver - 每天5分钟玩转 OpenStack(77)
查看>>
matplotlib绑定到PyQt5(有菜单)
查看>>