首页 / JQUERY / jquery事件切换hover/toggle

jquery事件切换hover/toggle

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery事件切换hover/toggle，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含813字，纯文字阅读大概需要2分钟。

内容图文

1.hover([over,]out)

    一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。

当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是 否仍然处在特定元素中的检测（例如，处在div中的图像），如果是，则会继续保持“悬停”状态，而不触发移出事件（修正了使用mouseout事件的一个 常见错误）。

参数：

over:鼠标移到元素上要触发的函数

out:鼠标移出元素要触发的函数

实例：

                $("td").hover(
  function () {
    $(this).addClass("hover");
  },
  function () {
    $(this).removeClass("hover");
  }
);
2.toggle([speed],[easing],[fn])

      用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。

      如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。

参数：

speed: 隐藏/显示 效果的速度。默认是 "0"毫秒。可能的值：slow，normal，fast。"

easing:(Optional) 用来指定切换效果，默认是"swing"，可用参数"linear"

fn:在动画完成时执行的函数，每个元素执行一次。

实例：

                        $("td").toggle(
  function () {
    $(this).addClass("selected");
  },
  function () {
    $(this).removeClass("selected");
  }
);
                    
                 

原文：http://www.cnblogs.com/yby-blogs/p/4143993.html

内容总结

以上是互联网集市为您收集整理的jquery事件切换hover/toggle全部内容，希望文章能够帮你解决jquery事件切换hover/toggle所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1333078.html

来源：【匿名】