千家信息网

jQuery中的hover()和toggle()有什么区别

发表于:2025-02-21 作者:千家信息网编辑
千家信息网最后更新 2025年02月21日,这篇文章主要介绍了jQuery中的hover()和toggle()有什么区别,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。jQuery
千家信息网最后更新 2025年02月21日jQuery中的hover()和toggle()有什么区别

这篇文章主要介绍了jQuery中的hover()和toggle()有什么区别,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

jQuery中的hover()和toggle()有什么区别?

  • hover(fn1,fn2): 一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。

    //当鼠标放在表格的某行上时将class置为over,离开时置为out。$("tr").hover(function(){        $(this).addClass("over");},              function(){        $(this).addClass("out"); });
  • toggle(evenFn,oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。

    //每次点击时轮换添加和删除名为selected的class。$("p").toggle(function(){       $(this).addClass("selected");   },function(){       $(this).removeClass("selected"); });

感谢你能够认真阅读完这篇文章,希望小编分享的"jQuery中的hover()和toggle()有什么区别"这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

0