jQuery的效果函数
jQuery的效果函数有很多,下面让我们一起看看jQuery的效果函数吧:
jQuery的效果函数列表:
animate():对被选元素应用“自定义”的动画。
clearQueue():对被选元素移除所有排队的函数(仍未运行的)。
delay():对被选元素的所有排队函数(仍未运行)设置延迟。
dequeue():运行被选元素的下一个排队函数。
fadeln():逐渐改变被选元素的不透明度,从隐藏到可见。
fadeOut():逐渐改变被元素的不透明度,从可见到隐藏。
fadeTo():把被选元素逐渐改变至给定的不透明度。
hide():隐藏被选的元素。
queue():显示被选元素的排队函数。
show():显示被选的元素。
slideDown():通过调整高度来滑动显示被选元素。
slideToggle():对被选元素进行滑动隐藏和滑动显示的切换。
slideUp():通过调整高度来滑动隐藏被选元素。
stop():停止在被选元素上运行的动画。
toggle():对被选元素进行隐藏和显示的切换。
animate():
animate() 方法执行 CSS 属性集的自定义动画。
该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的,这样就可以创建动画效果。
只有数字值可创建动画(比如 "margin:30px")。字符串值无法创建动画(比如 "background-color:red")。
clearQueue():
clearQueue() 方法停止队列中所有仍未执行的函数。
与 stop() 方法不同,(只适用于动画),clearQueue() 能够清除任何排队的函数(通过 .queue() 方法添加到通用 jQuery 队列的任何函数)。
delay():
delay():对被选元素的所有排队函数(仍未运行)设置延迟。
dequeue():
dequeue():运行被选元素的下一个排队函数。
fadeIn():
fadeIn() 方法使用淡入效果来显示被选元素,假如该元素是隐藏的。
fadeOut():
fadeOut() 方法使用淡出效果来隐藏被选元素,假如该元素是隐藏的。
fadeTo():
fadeTo() 方法将被选元素的不透明度逐渐地改变为指定的值。
hide():
如果被选的元素已被显示,则隐藏该元素。
queue():
queue():显示被选元素的排队函数。
show():
如果被选元素已被隐藏,则显示这些元素。
slideDown():
slideDown() 方法通过使用滑动效果,显示隐藏的被选元素。
slideToggle() :
slideToggle() 方法通过使用滑动效果(高度变化)来切换元素的可见状态。
如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素。
slideUp():
通过使用滑动效果,隐藏被选元素,如果元素已显示出来的话。
stop():
stop() 方法停止当前正在运行的动画。
toggle():
toggle() 方法切换元素的可见状态。
如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。
以上就是我对jQuery效果函数的理解,希望对学习的朋友有所帮助。
jQuery的效果函数的更多相关文章
- jQuery 效果函数
jQuery 效果函数 方法 描述 animate() 对被选元素应用“自定义”的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选元素的所有排队函数( ...
- jquery 动画总结(主要指效果函数)
动画无非两类:帧动画frame和变形动画tween,以及3d动画.不论web还是安卓苹果app,动画原理都是这些. web app 动画实现的途径,无非这几种:1 gif动画---这就是帧动画,把若干 ...
- jQuery 效果函数,jquery文档操作,jQuery属性操作方法,jQuerycss操作函数,jQuery参考手册-事件,jQuery选择器
jQuery 效果函数 方法 描述 animate() 对被选元素应用“自定义”的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选元素的所有排队函数( ...
- js进阶 13-6 jquery动画效果相关常用函数有哪些
js进阶 13-6 jquery动画效果相关常用函数有哪些 一.总结 一句话总结:animate(),stop(),finish(),delat()四个. 1.stop()方法的基本用法是什么(sto ...
- jQuery常用方法和函数
jQuery 事件 bind() 方法:被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数 $(selector).bind({event:function, event:function ...
- JQuery动画效果
jquery动画效果常用方法 1.show()显示效果语法:show(speed,callback)Number/String,Function speend为动画执行时间,单位为毫秒.也可以为slo ...
- 利用Jquery的load函数实现页面的动态加载
利用Jquery的load函数实现页面的动态加载 js的强大功能相信大家都知晓,今天通过jquery的库函数load可以更加方便的实现页面的动态刷新,经过几天的研究与探索,终于有所成效!吾心甚蔚! ...
- jquery 动画效果插件
从jQuery API 文档中可以知道,jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数: ...
- Jq_选择器、效果函数
JQuery 选择器 选择器 实例 选取 * ...
随机推荐
- apiCloud中实现头部与内容分离与操作规范,App头部header固定,头部与内容分离
官方案例 1.头部拆分成一个页面比如news-text <!doctype html> <html> <head> <meta charset="u ...
- 在Jquery里格式化Date日期时间数据
在Jquery里格式化Date日期时间数据: $(function(){ //当前时间格式化yyyy-MM-dd HH:mm:ss alert(timeStamp2String(new Date(). ...
- C# WindowsAPI
Windows是一个强大的操作系统,也会向开发者提供海量的系统API来帮助开发者来完成Windows系统软件的开发工作. 整理的部分Windows API,C#可以直接调用. 1.获取.exe应用程序 ...
- JAR包放在WEB-INF/lib子目录报ClassNotFoundException解决方案
对于Java Web应用依赖的jar包,我们通常会放到WEB-INF/lib目录下,但是笔者喜欢把不同框架的jar包放在不同的子目录下,例如新建一个struts目录存放struts框架的jar包等. ...
- SSM博客实战(9)-拦截器验证权限和登录与注销的实现
转载 https://liuyanzhao.com/6300.html
- 优动漫PAINT-超简单灌木教程
超简单灌木教程~零基础神马的都能神还原哦! 优动漫PAINT下载:http://wm.makeding.com/iclk/?zoneid=18597 想要Get到更多有关优动漫的信息包括软件下载,可关 ...
- oracle查询优化之子查询条件优化
环境:oracle 11g 现有a表与b表通过a01字段关联,要查询出a表的数据在b表没有数据的数据:sql如下 ) ) 因为flag是虚拟字段没有走不了索引导致这条sql执行起来特别慢 310W条数 ...
- Nginx 防止SQL注入、XSS攻击的实践配置方法
下班的时候,发现博客访问缓慢,甚至出现504错误,通过 top -i 命令查看服务器负载发现负载数值飙升到3.2之多了,并且持续时间越来越频繁直至持续升高的趋势,还以为是被攻击了,对来访IP进行了阈值 ...
- js得到区域长宽
网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offset ...
- 【转载】spring boot 链接 虚拟机(Linux) redis
原文:https://www.imooc.com/article/43279?block_id=tuijian_wz 前提是你已经安装redis且支持远程连接,redis的安装这里不再赘述,有需要的可 ...