『签 到』 开启辅助访问
 找回密码
 立即注册

扫一扫,访问微社区

只需一步,快速开始

QQ登录

只需要一步,快速开始

或者

[jquery开发] jquery 点击函数切换 toggle()

0 54
风起云甬 发表于 2020-3-13 14:58:51 |阅读模式 |复制链接
toggle(fn,fn) 每次点击时切换要调用的函数。
如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。
随后的每次点击都重复对这两个函数的轮番调用。

可以使用unbind("click")来删除。
返回值
jQuery
参数
fn (Function) : 第奇数次点击时要执行的函数。
fn (Function) : 第偶数次点击时要执行的函数。
示例 对表格的切换一个类 jQuery 代码:
  1. $("td").toggle(
  2. function () {
  3. $(this).addClass("selected");
  4. },
  5. function () {
  6. $(this).removeClass("selected");
  7. }
  8. );
复制代码
  1. $('#btntrack').toggle(
  2. function(){
  3. $(this).text('继续跟踪');
  4. $(this).addClass('active');
  5. },
  6. function(){
  7. $(this).text('暂停跟踪')
  8. $(this).removeClass('active');
  9. }
  10. )
复制代码
  • 补充:toggle只有点击的时候好使,hover只是鼠标移进移出的事件,跟点击没关系。两个可以一起用



您需要登录后才可以回帖 登录 | 立即注册  

本版积分规则

发布资源 快速回复 站点服务大厅 搜索 官方群