JQuery 的toggle() 方法如何使用?
2024-10-20 15:53:16
JQuery中的toggle()方法,相当于点一个元素时,重复循环两个函数,而这两个函数可以作为toggle()函数的两个参数传进去,当第一次点击的时候会执行前面的参数,而第二次点击时执行的是后面的参数,第三次点击时又会重新执行第一个参数...这样循环执行两个函数。
在开发时,利用toggle()函数可以实现控制一个元素的隐藏和显示。比如一个元素初始时为显示状态,当鼠标第一次点击时,把该元素隐藏,当鼠标再次点击时,控制这个元素显示,十分方便。
代码:
$("#btn").toggle(function(){
//控制box隐藏
$("#box").hide();
},function(){
//控制box显示
$("#box").show();
});
最新文章
- js运动框架完成块的宽高透明度及颜色的渐变
- 金浪网关ESR-6400G 告警解决办法
- Using the Cordova Camera API
- Direct3D11学习:(六)渲染管线
- xcode arc引起的autorelease报错问题
- 20145236 冯佳 《Java程序设计》第2周学习总结
- Nginx+Tomcat动静态资源分离
- mysql常用操作 mysql备份与恢复
- 不知道算不算另类的ASP.NET MVC4 Ajax分页
- 正式学习React(一) 开始学习之前必读
- 关于css解决俩边等高的问题
- ps的快捷键
- Freemarker页面静态化技术,activemq监听页面变动
- centos7更改默认的python版本,安装python3.6.4
- flask开发表单
- Objective-C构造方法
- MVCC&;PURGE&;分布式事务
- 活字格Web应用平台学习笔记1 - 下载安装,ready go
- 详解 HTML5 中的 WebSocket 及实例代码-做弹幕
- STL 容器的概念