toggle()方法可以在元素的click事件中绑定两个或两个以上的函数,同时,它还可以实现元素的隐藏与显示的切换,绑定多个函数的调用格式如下:

$(selector).toggle(fun1(),fun2(),funN(),...)

其中,fun1,fun2就是多个函数的名称

例如,使用toggle()方法,当每次点击<div>元素时,显示不同内容,如下图所示:

13.使用toggle()方法绑定多个函数

在浏览器中显示的效果:

13.使用toggle()方法绑定多个函数

从图中可以看出,每次点击<div>元素时,都依次执行toggle()方法绑定的函数,当执行到最后一个函数时,再次点击将又返回执行第一个函数。

注意:toggle()方法支持目前主流稳定的jQuery版本1.8.2,在1.9.0之后的版本是不支持的。

相关文章:

  • 2022-02-13
  • 2021-07-29
  • 2021-11-30
  • 2021-09-17
  • 2022-12-23
  • 2021-08-10
  • 2022-02-12
  • 2021-08-09
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-31
  • 2022-12-23
  • 2021-07-31
  • 2022-12-23
相关资源
相似解决方案