[jQuery 事件切换] toggle(fn,fn)

软件技术 前端
1

每次点击后依次调用函数。

如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数，如果有更多函数，则再次触发，直到最后一个。随后的每次点击都重复对这几个函数的轮番调用。

可以使用unbind(“click”)来删除。

返回值
jQuery

参数
fn (Function) : 第一数次点击时要执行的函数。

fn2 (Function) : 第二数次点击时要执行的函数。

fn3,fn4,… (Function) : 更多次点击时要执行的函数。

示例
对表格的切换一个类

jQuery 代码:$("td").toggle( function () { $(this).addClass("selected"); }, function () { $(this).removeClass("selected"); } ); 对列表的切换样式

HTML 代码:[code]


  • Go to the store

  • Pick up dinner

  • Debug crash

  • Take a jog

[/code]jQuery 代码:[code] $("li").toggle( function () { $(this).css({"list-style-type":"disc", "color":"blue"}); }, function () { $(this).css({"list-style-type":"disc", "color":"red"}); }, function () { $(this).css({"list-style-type":"", "color":""}); }[/code]