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://csdahua.cn/article/gjdpgs.html

扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

其他资讯