jQuery toggle() 方法

jQuery 教程 · 2019-03-26 21:44:23

实例

当点击 <p> 元素时进行颜色切换:

$("p").toggle( function(){$("p").css({"color":"red"});}, function(){$("p").css({"color":"blue"});}, function(){$("p").css({"color":"green"}); });

定义和用法

toggle() 方法在 jQuery 版本 1.8 中被废弃,在版本 1.9 中被移除。

toggle() 方法添加两个或多个函数,以响应被选元素的 click 事件之间的切换。

当在元素上点击时调用第一个指定函数,当再次点击时调用第二个函数,以此类推。

注意:还存在一个名为 toggle() 的 jQuery 效果方法。根据不同的参数决定调用哪个方法。

语法

$(selector).toggle(function)

参数 描述
function 必需。每当被选元素被点击时要运行的函数。

点击查看所有 jQuery 教程 文章: https://www.codercto.com/courses/l/35.html

查看所有标签

深入理解程序设计

深入理解程序设计

[美] Jonathan Bartlett / 郭晴霞 / 人民邮电出版社 / 2014-1 / 49.00

是否真正理解汇编语言,常常是普通程序员和优秀程序员的分水岭。《深入理解程序设计:使用Linux汇编语言》介绍了Linux平台下的汇编语言编程,教你从计算机的角度看问题,从而了解汇编语言及计算机的工作方式,为成就自己的优秀程序员之梦夯实基础。 很多人都认为汇编语言晦涩难懂,但New Medio技术总监Jonathan Bartlett的这本书将改变人们的看法。本书首先介绍计算机的体系结构,然后......一起来看看 《深入理解程序设计》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

SHA 加密
SHA 加密

SHA 加密工具

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具