转:
实例
切换不同的背景色:
$("p").toggle(
function(){
$("body").css("background-color","green");},
function(){
$("body").css("background-color","red");},
function(){
$("body").css("background-color","yellow");}
);
定义和用法
toggle() 方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。
该方法也可用于切换被选元素的 hide() 与 show() 方法。
向 Toggle 事件绑定两个或更多函数
当指定元素被点击时,在两个或多个函数之间轮流切换。
如果规定了两个以上的函数,则 toggle() 方法将切换所有函数。例如,如果存在三个函数,则第一次点击将调用第一个函数,第二次点击调用第二个函数,第三次点击调用第三个函数。第四次点击再次调用第一个函数,以此类推。
语法
$(selector).toggle(function1(),function2(),functionN(),...)
参数 描述
function1() 必需。规定当元素在每偶数次被点击时要运行的函数。
function2() 必需。规定当元素在每奇数次被点击时要运行的函数。
functionN(),... 可选。规定需要切换的其他函数。
切换 Hide() 和 Show()
检查每个元素是否可见。
如果元素已隐藏,则运行 show()。如果元素可见,则元素 hide()。这样就可以创造切换效果。
语法
$(selector).toggle(speed,callback)
亲自试一试
参数 描述
speed
可选。规定 hide/show 效果的速度。默认是 "0"。
可能的值:
毫秒(比如 1500)
"slow"
"normal"
"fast"
callback
可选。当 toggle() 方法完成时执行的函数。
规定是否只显示或只隐藏所有匹配的元素。
语法
$(selector).toggle(switch)
参数 描述
switch
必需。布尔值,规定 toggle() 是否应只显示或只隐藏所有被选元素。
true - 显示元素
false - 隐藏元素
分享到:
相关推荐
Toggle是unity中常用的控件之一, 该项目是Unity3D中的Toggle使用事件的方式控制交互方式,简单实用。
超好超棒的bootstrap-toggle-buttons用在网页很不错
2. 拖动这个iso文件,扔在“Quick_11_iso_esd_wim_TPM_toggle.bat”这个文件上面,放手,自动会启动这个bat脚本 3. 稍等一会,脚本提示“:D TPM patch added”,代表iso修改成功,里面的win11安装程序已被修改,直接...
jquery点击改变class并toggle
LED TOGGLE in stm32f411 nucleo.The project contains the cube mx files and other special files.
Toggle Comment 1.5(VS最好的注释代码插件), Ctrl+/ 快速进行代码注释,方便好用!
STM32 Led Toggle STM32 Led Toggle STM32 Led Toggle STM32 Led Toggle
Samsung Toggle DDR NAND LGA136 定义
Samsung Toggle Mode DDR NAND Specification Samsung Toggle Mode DDR NAND Specification
Unity单选菜单(ToggleMenu)
U3D学习入门到高级,UGUI中Toggle的经典分析,经典demo,看这个demo就能掌握Toggle的经典使用,随心自定义Toggle的使用!
jquery.toggle-password显示密码插件
Toggle组件踩坑学习笔记,简单介绍一些属性
Chrome插件,Toggle-JavaScript,可以知道网页中哪些是JS加载的
ToggleButtons This library adds two custom widgets that adhere to the Material Design definition for toggle buttons. Library is backwards compatible to API 9. You can add the library with: compile '...
可作为Web组件的纯CSS切换(Toggle)按钮
即时修改单位__Matt_Toggle_Units++v2.11
物料按钮集合-ToggleButtons,符合材料设计文档的android切换按钮。.zip
收展式二级菜单toggleMenu
jquery css3实现列表toggle特效,右上角一个按钮,当列表不显示的时候,单击按钮列表动画出现,当列表显示时,单击按钮,列表动画消失。