jQuery中toggle与slideToggle以及fadeToggle之间的不同

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参数是可选的，表示的是在不同点上元素的速度

---------------------
作者：CmderQ
来源：CSDN
原文：https://blog.csdn.net/whq19890827/article/details/77151241
版权声明：本文为博主原创文章，转载请附上博文链接！

jQuery中toggle与slideToggle以及fadeToggle之间的不同相关推荐

jQuery中toggle()函数的应用总结（包含今天项目中碰到的前端控件）
本人是一名后台开发人员,然而公司项目没有做到前后端分离,前端仅仅是写静态页面,js还得后台开发人员写.对于前端的东西呢常见东西的是没有问题,但是有些东西用的少可能容易忘记.这不今天接手维护另一个同事的 ...
JQuery中toggle的用法
用法: 循环点击事件第一次调用第一个函数第二次点击调用第二个函数代码示例: 第一次点击任意一个div触发函数,再次点击触发第二个函数 $(function () {$("#div,# ...
html5 toggle,jQuery中如何实现toggle方法
这次给大家带来jquery中如何实现toggle方法,使用jQuery中的toggle方法注意事项有哪些,下面就是实战案例,一起来看一下. 我们知道使用 jQuery 来实现上下移入移除,可以直接使用 ...
45 jQuery中的常用API
技术交流QQ群:1027579432,欢迎你的加入! 欢迎关注我的微信公众号:CurryCoder的程序人生 1.jQuery基础选择器原生JS获取元素的方式很多.很杂,而且兼容性情况不一致.因此, ...
四、jQuery 中的事件和动画(嘎嘎详细)
文章目录前言一.事件 1.1 加载 DOM 1.1.1 执行时机 1.1.2 多次使用 1.1.3 简写方式 1.2 事件绑定 1.2.1简单使用 1.2.2 简写绑定事件 1.3 合成事件 1. ...
jQuery中淡入效果fadeTo
jQuery中淡入效果fadeTo 淡入淡出fadeto与fadeout都是修改元素样式的opacity[oʊˈpæsəti]属性,但是他们都有个共同的特点,变化的区间要么是0,要么是1.Fadein ...
锋利的Jquery【读书笔记】 -- 第四章 jQuery中的事件和动画
锋利的Jquery读书笔记第三章 jQuery中的DOM操作 jQuery中的事件事件绑定 bind方法合成事件 hover方法 toggle方法事件冒泡事件对象停止事件冒泡阻止默认行为 ...
jQuery中的动画
一.基本动画 1.show()方法和hide()方法:改变display属性为一个元素调用hide()方法,会将该元素的display样式改为"display:none". $( ...
jquery中的事件和动画
目录一.jquery中的事件 1.加载DOM 2.事件绑定 3.合成事件 4.事件冒泡 5.事件对象的属性 6.移除事件二.jquery中的动画 1.隐藏和显示 2.滑动效果 3.淡入淡出效果三 ...

jQuery中toggle与slideToggle以及fadeToggle之间的不同

jQuery中toggle与slideToggle以及fadeToggle之间的不同相关推荐

最新文章

热门文章