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