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

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

1.jQuery事件是对JavaScript事件的封装,常用事件分类:(基础事件 鼠标事件 键盘事件 window事件 表单事件),(复合事件 鼠标光标悬停 鼠标连续点击)

2.鼠标事件:mouseover( ),mouseenter( ),mouseout( ),mouseleave( )

3.键盘事件:keydown( ),keyup( ),keypress( )

4.hover()方法相当于mouseover与mouseout事件的组合

5.toggle()方法用于模拟鼠标连续click事件,toggle()方法不带参数,与show( )和hide( )方法作用一样

6.toggleClass( )可以对样式进行切换

7.toggle( )和toggleClass( )总结 :  toggle( fn1,fn2...)实现单击事件的切换,无须额外绑定click事件 toggle( )实现事件触发对象在显示和隐藏状态之间切换 toggleClass( )实现事件触发对象在加载某个样式和移除某个样式之间切换

8.show() 控制元素的显示,hide( )控制元素的隐藏

9.fadeIn()和fadeOut()可以通过改变元素的透明度实现淡入淡出效果

10.slideDown() 可以使元素逐步延伸显示 slideUp()则使元素逐步缩短直至隐藏

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)单击依照顺序触发
7.动画:
show(time,fn);
hide(time,fn);
fadeIn(time,fn); 淡入
fadeout(time,fn); 淡出
slideDown(time,fn); 逐步延伸
slideUp(time,fn); 逐步缩短直至隐藏
animate(样式,时间,执行函数)

转载于:https://www.cnblogs.com/rzbwyj/p/11040482.html

你可能感兴趣的文章
Docker 部署 SpringBoot 项目整合 Redis 镜像做访问计数Demo
查看>>
ReactNative字体大小不随系统字体大小变化而变化
查看>>
中台之上(五):业务架构和中台的难点,都是需要反复锤炼出标准模型
查看>>
使用模板将Web服务的结果转换为标记语言
查看>>
inno setup 打包脚本学习
查看>>
php 并发控制中的独占锁
查看>>
从pandas到geopandas
查看>>
如何在 Swift 中进行错误处理
查看>>
[Leetcode] Factor Combinations 因数组合
查看>>
APM终端用户体验监控分析(下)
查看>>
React Native 0.20官方入门教程
查看>>
JSON for Modern C++ 3.6.0 发布
查看>>
Tomcat9.0部署iot.war(环境mysql8.0,centos7.2)
查看>>
我的友情链接
查看>>
Oracle 服务作用
查看>>
监听在微信中打开页面时的自带返回按钮事件
查看>>
第一个php页面
查看>>
世界各国EMC认证大全
查看>>
LVS DR模型详解
查看>>
Lua基础之coroutine(协程)
查看>>