jQuery中toggle与slideToggle以及fadeToggle之间的不同
来源:互联网 发布:微信矩阵是什么 编辑:程序博客网 时间:2024/06/06 07:38
toggle()方法:
定义和用法
切换元素的可见状态。如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。
语法:
$(selector).toggle(speed,callback,switch)
slideToggle()方法:
定义和用法
它通过使用滑动效果(高度变化)来切换元素的可见状态。如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素。
语法:
$(selector).slideToggle(speed,callback)
toggle()方法与slideToggle()方法区别在于,toggle方法的效果是从右到左,是一个横向的动作。它是通过display的状态来判断匹配元素的可见性。而slideToggle()方法的效果是从上到下,是一个竖向的动作,它是通过高度来判断匹配元素的可见性。
fadeToggle()方法:
定义和用法
fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。
如果元素是淡出显示的,fadeToggle() 会使用淡入效果显示它们。
如果元素是淡入显示的,fadeToggle() 会使用淡出效果显示它们。
$(selector).fadeToggle(speed,easing,callback)
这三个方法的参数中,参数均是可选的。第一个参数speed表示的切换两种状态的速度,可以用"slow"、"fast" 或毫秒。
参数callback表示的是动作完成后所执行函数的名称。
toggle()中的switch参数是可选的布尔值:True和False,表示toggle是否隐藏或显示所有的被选元素。若设置参数,则无法使用前两个参数。
fadeToggle()中的easing参数是可选的,表示的是在不同点上元素的速度
- jQuery中toggle与slideToggle以及fadeToggle之间的不同
- jquery中的toggle与slideToggle的区别
- jQuery动画效果(show与hide/toggle/slideUp/slideToggle/fadeIn/fadeTo)
- jQuery动画效果(show与hide/toggle/slideUp/slideToggle/fadeIn/fadeTo)
- jQuery中toggleClass()与toggle()
- JQuery中slideToggle的闪烁问题
- Jquery中toggle的用法
- jQuery的slideToggle方法
- 浅谈jQuery之show(),hide(),toggle(),slideToggle()用法及区别
- jQuery-toggle()与toggle(fn,fn)的用法
- jQuery-toggle()与toggle(fn,fn)的用法
- jQuery-toggle()与toggle(fn,fn)的用法
- jQuery-toggle()与toggle(fn,fn)的用法
- 关于用jquery中checkbox与toggle ...
- jquery中使用slideToggle方法
- Table中采用JQuery slideToggle效果的问题
- jquery的slideToggle效果增强
- jQuery中toggle()函数的用法
- 一种排序
- F
- 476. Number Complement--数量补语
- 剑指offer——从上往下打印二叉树
- Java集合之TreeMap源码分析
- jQuery中toggle与slideToggle以及fadeToggle之间的不同
- 函数二
- 练习11
- MySQL常见问题与配置
- 结构体
- 【C语言】【unix c】编写代码测试自己电脑的字节序
- c++ primer plus阅读笔记7---模板特化
- Java集合之HashSet源码分析
- eclipse中常用的快捷键