jquery中toggle是“切换”的意思,toggle方法可在元素上进行hide()和show()方法之间的切换;该方法会检查元素的可见状态,若元素隐藏则运行show(),若元素可见就运行hide(),语法“元素对象.toggle()”。
本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。
toggle英文翻译为切换,转换,指2种状态之间进行切换。
toggle() 方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。
toggle() 方法在被选元素上进行 hide() 和 show() 之间的切换。
该方法检查被选元素的可见状态。如果一个元素是隐藏的,则运行 show(),如果一个元素是可见的,则运行 hide() - 这会造成一种切换的效果。
注释:隐藏的元素不会被完全显示(不再影响页面的布局)。
提示:该方法可被用于自定义函数之间的切换。
语法
$(selector).toggle(speed,easing,callback)
speed可选。规定隐藏/显示效果的速度。
可能的值:
毫秒
"slow"
"fast"
easing可选。规定在动画的不同点上元素的速度。默认值为 "swing"。
可能的值:
"swing" - 在开头/结尾移动慢,在中间移动快
"linear" - 匀速移动
提示:扩展插件中提供更多可用的 easing 函数。
callback可选。toggle() 方法执行完之后,要执行的函数。
示例如下:
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>123</title><scriptsrc="js/jquery.min.js"></script><script>$(document).ready(function(){$("button").click(function(){$("p").toggle();});});</script></head><body><p>这是一个段落。</p><button>切换hide()和show()</button></body></html>
输出结果:
到此,相信大家对“jquery中toggle的概念是什么”有了更深的了解,不妨来实际操作一番吧!这里是本站网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
本文由 贵州做网站公司 整理发布,部分图文来源于网络,如有侵权,请联系我们删除,谢谢!
抖音(Tiktok)是由北京字节跳动科技有限公司(ByteDance)孵化的音乐创意短视频社交网站。它于2016年9月20日上线,主要面向全年龄段的用户,尤其是...
飞极速为您提供高清在线电影、电视剧大全、动画片,综艺等,飞极速在线更新及时,播放速度快,给您带来最好的观影体验!飞极速在线,免费提供日本新番动漫、最新电影和最新...
《南华早报》(英语:South China Morning Post, SCMP)和星期日出版的《星期日南华早报》(英语:Sunday Morning Post...
哈喽小伙伴们 ,今天给大家科普一个小知识。在日常生活中我们或多或少的都会接触到经济危机的根源在于方面的一些说法,有的小伙伴还不是很了解,今天就给大家详细的介绍一下关于经济危机的根源在于的相关内容。经济危机产生的根源在于资本剥削雇佣劳动生产方式的基本矛盾,也就是资本主义生产关系与生产力之间的矛盾。经济危机在早期的商品生产中就已经出现,当然和货币作为市场流通手段是有着紧密联系的。后期由于社会的进步发展...
国美收购库巴是怎么回事?早在2010年底,国美就斥资4800万元购买了库巴网股权80%的股份,2012年5月23日,它又花了1200万元收购了库巴网剩余的20%的股份,显然,仅靠国美控股库巴网,并不能满足黄光裕的胃口。5月25日,国美宣布,黄光裕通过其国美锐动以7333万元认购库巴网股权和新锐美40%的股份。到目前为止,库巴网和国美的网上购物中心已经形成了一个股权结构,国美持有60%的股份,黄光裕...
支付宝关联账号怎么弄?有什么用?一、支付宝关联账号怎么弄?1、首先登陆已经实名认证的支付宝。2、然后点击账户设置,在账户设置里面的查看实名认证。3、然后就会跳转到另一个对话框,选择下面的添加关联账户。4、输入关联的支付宝账户名和密码,还有本账户的密码和身份证号码。5、输入之后确定就成功了。二、有什么用?1、关联账户就是用一个通过了实名认证的支付宝账户关联一个未通过认证的账户,跟账户的新旧无关。关联...