jquery hover()方法切换事件

导语 hover()方法切换事件hover()方法的功能是当鼠标移到所选元素上时,执行方法中的第一个函数,鼠标移出时,执行方法中的第二个函数,实现事件的切实效果,调用格式如下:$(selector) hover(over,out);over参数为移

hover()方法切换事件

hover()方法的功能是当鼠标移到所选元素上时,执行方法中的第一个函数,鼠标移出时,执行方法中的第二个函数,实现事件的切实效果,调用格式如下:
$(selector).hover(over,out);
over参数为移到所选元素上触发的函数,out参数为移出元素时触发的函数。
 

  1. <body> 
  2.         <h3>hover()方法切换事件h3> 
  3.         <div>别走!你就是土豪div> 
  4.          
  5.         <script type="text/javascript"> 
  6.             $(function () { 
  7.                 $("div").hover( 
  8.                 function () { 
  9.                     $(this).addClass("orange"); 
  10.                 }, 
  11.                 function () { 
  12.                     $(this).removeClass("orange") 
  13.                 }) 
  14.             }); 
  15.         script> 
  16.     body> 
  17. html> 
要删除通过hover()绑定的事件,请使用unbind()函数。
该函数属于jQuery对象(实例)。

语法
hover()函数主要有以下两种用法:
用法一:
jQueryObject.hover( handlerIn , handlerOut )
分别指定鼠标移入、移出元素时的事件处理函数。
用法二:jQuery 1.4 新增支持该用法。
jQueryObject.hover( handlerInAndOut )
用法一的变体。当鼠标移入、移出元素时的事件处理函数相同时,只需直接传入一个处理函数作为参数即可。
 
参数
请根据前面语法部分所定义的参数名称查找对应的参数。
参数 描述
handlerIn Function类型鼠标移入元素时需要执行的处理函数。
handlerOut Function类型鼠标移出元素时需要执行的处理函数。
handlerInAndOut Function类型鼠标移入、移出元素时需要执行的处理函数。
hover()函数的所有参数都是函数,函数内的this指向当前DOM元素。hover()还会为其传入一个参数:表示当前事件的Event对象。
 
返回值
hover()函数的返回值为jQuery类型,返回当前jQuery对象本身。
示例&说明
hover()函数与on()函数具有以下等价代码:
 
  1. $( selector ).hover( handlerInOut ); 
  2. // 等价于 
  3. $( selector ).on( "mouseenter mouseleave", handlerInOut ); 
 
现在,我们为所有a元素的hover事件绑定处理函数(可以绑定多个,触发时按照绑定顺序依次执行):
  1. // 为所有button元素的hover事件绑定处理函数 
  2. // 鼠标移入链接时,显示红色;移出链接时,显示蓝色 
  3. $("a").hover( function(event){ 
  4.     $(this).css("color""red");     
  5. }, function(event){ 
  6.     $(this).css("color""blue"); 
  7. } ); 
  8.  
  9. // 为所有button元素的hover事件绑定处理函数 
  10. // 鼠标移入、移出链接时,都去掉下划线 
  11. $("a").hover( function(event){ 
  12.     $(this).css("textDecoration""none");   
  13. } ); 
 
 
http://www.aseoe.com/ true jquery hover()方法切换事件 http://www.aseoe.com/show-13-479-1.html report 3883 hover()方法切换事件hover()方法的功能是当鼠标移到所选元素上时,执行方法中的第一个函数,鼠标移出时,执行方法中的第二个函数,实现事件的切实效果,调用格式如下:$(selector) hover(over,out);over参数为移
TAG:jquery hover()
本站欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
转载请注明: 文章转载自:爱思资源网 http://www.aseoe.com/show-13-479-1.html

[前端插件推荐] Plugin

1 2 3 4
  • jQuery实现逐字逐句显示插件l-by-l.min.js
  • jQuery带方向感知的鼠标滑过图片边框特效插件
  • jQuery HotKeys监听键盘按下事件keydown插件
  • 响应式无限轮播jQuery旋转木马插件
响应式无限轮播jQuery旋转木马插件
web前端开发
爱思资源网 Copyright 2012-2014 Www.Aseoe.Com All rights reserved.(晋ICP备13001436号-1)