hover()方法切换事件
hover()方法的功能是当鼠标移到所选元素上时，执行方法中的第一个函数，鼠标移出时，执行方法中的第二个函数，实现事件的切实效果，调用格式如下：
$(selector).hover(over，out);
over参数为移到所选元素上触发的函数，out参数为移出元素时触发的函数。
- <body>
- <h3>hover()方法切换事件h3>
- <div>别走！你就是土豪div>
- <script type="text/javascript">
- $(function () {
- $("div").hover(
- function () {
- $(this).addClass("orange");
- },
- function () {
- $(this).removeClass("orange")
- })
- });
- script>
- body>
- html>
要删除通过hover()绑定的事件，请使用unbind()函数。
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()函数具有以下等价代码：
- $( selector ).hover( handlerInOut );
- // 等价于
- $( selector ).on( "mouseenter mouseleave", handlerInOut );
现在，我们为所有a元素的hover事件绑定处理函数(可以绑定多个，触发时按照绑定顺序依次执行)：
- // 为所有button元素的hover事件绑定处理函数
- // 鼠标移入链接时，显示红色；移出链接时，显示蓝色
- $("a").hover( function(event){
- $(this).css("color", "red");
- }, function(event){
- $(this).css("color", "blue");
- } );
- // 为所有button元素的hover事件绑定处理函数
- // 鼠标移入、移出链接时，都去掉下划线
- $("a").hover( function(event){
- $(this).css("textDecoration", "none");
- } );
本站欢迎任何形式的转载，但请务必注明出处，尊重他人劳动成果
转载请注明： 文章转载自：爱思资源网 http://www.aseoe.com/show-13-479-1.html
转载请注明： 文章转载自：爱思资源网 http://www.aseoe.com/show-13-479-1.html
