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


网站标题:jQuery中的hover()和toggle()有什么区别
分享路径:http://hbruida.cn/article/gjdpgs.html