向 Toggle 事件绑定两个或更多函数
当指定元素被点击时,在两个或多个函数之间轮流切换。
如果规定了两个以上的函数,则 toggle() 方法将切换所有函数。例如,如果存在三个函数,则第一次点击将调用第一个函数,第二次点击调用第二个函数,第三次点击调用第三个函数。第四次点击再次调用第一个函数,以此类推。
/**点击收起**/
$(".open1").click(function(){
$(".img").toggle(50);
})
/**点击却换图片**/
$(".open2").toggle(function(){
$(".img").attr( "src","images/apple_d.jpg");
},function(){
$(".img").attr( "src","images/31.gif");
});
<input type="button" value="按钮" class="open1" />
<img src="images/apple_d.jpg" class="img open2" />
分享到:
相关推荐
本文实例讲述了jQuery复合事件结合toggle()方法的用法。分享给大家供大家参考,具体如下: 定义和用法 toggle() 方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。 语法: $(selector)....
Toggle Comment 1.5(VS最好的注释代码插件), Ctrl+/ 快速进行代码注释,方便好用!
jquery案例,toggle的使用,控制显示和隐藏
MATLAB GUI教学视频4:Radio Button Check Box和Toggle Button的基本用法.rar
本文重点给大家介绍了jQuery中的2个函数hover和toggle的使用方法和示例,非常的简单实用,推荐给小伙伴们参考下。
这是一个示例: <... <head> [removed][removed] [removed] $(document).ready... //toggle()方法进行显示隐藏交互事件,如果显示的就进行隐藏,如果是隐藏的就显示 }); $(.btn2).toggle(2000,function
使用方法: 1.先从https://www.microsoft.com/zh-cn/software-download/windows11下载win11的ISO文件 2. 拖动这个iso文件,扔在“Quick_11_iso_esd_wim_TPM_toggle.bat”这个文件上面,放手,自动会启动这个bat脚本 ...
下面小编就为大家带来一篇jquery 中toggle的2种用法详解(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
其中,使用show()方法控制元素的显示,使用hide()方法控制元素的隐藏,使用toggle()方法切换元素的可见状态,使用fadeIn()方法和fadeOut()方法实现元素的淡入和淡出,使用slideUp()方法和slideDown()方法实现元素的...
用法将光标放在字符串中,然后执行“ Toggle Quotes: Toggle命令在单引号和双引号之间切换该字符串。 仅在使用支持单引号和双引号字符串或任何其他配置的字符串字符(例如JavaScript,Python,Ruby等)的语法时可用...
在toggle()方法中,可以依次调用N个指定的函数,直到最后一个函数,然后重复对这个函数轮番调用,在函数之间切换调用的时候相当的方便,接下来将会详细介绍toggle()方法的使用,感兴趣的你可不要错过了啊
jquery中交替点击事件toggle方法中有两个参数,分别是要交替执行的事件。如果不传参默认是显示隐藏功能,下面有个不错的示例,感兴趣的朋友可以参考下
基本用法 首先,请记住导入组件。 import React from "react" import { Toggle } from "react-toggle-component" function Application ( ) { return < Toggle xss=removed> ; } 文献资料 请参阅完整的文档和...
react-toggle, 优雅的可以访问切换组件,用于响应 也是一个glorified的复选框 一个优雅的。可以访问的切换组件用于响应。 也是一个glorified的复选框。 请参见用法和示例。道具组件采用以下道具。Prop类型描述...
最近编写一个实例的时候使用到toggle函数,但是调用的时候会把元素隐藏掉,之前使用过也只是多个事件轮流切换罢了。百思不得其解于是就在网上搜索查看jQuery API文档。终于发现了原因: 原来在jQuery 1.9版本之后,...
主要介绍了实例讲解Jquery中隐藏hide、显示show、切换toggle的用法,感兴趣的小伙伴们可以参考一下