温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2022-03-24 14:26:50 来源:亿速云 阅读:266 作者:小新 栏目:web开发

这篇文章主要介绍了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()有什么区别”这篇文章对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,更多相关知识等着你来学习!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI