使用.hover()来绑定鼠标悬停和离开事件

在jQuery中，我们可以使用.hover()方法来绑定鼠标悬停和离开事件。该方法接受两个函数作为参数，分别在鼠标悬停和离开时触发。

.hover()方法的基本语法如下：

$(selector).hover(handlerIn, handlerOut);

其中，selector表示要绑定事件的元素，handlerIn和handlerOut分别表示鼠标悬停和离开时要执行的函数。

下面是一个简单的例子：

$("button").hover(function(){
  $(this).css("background-color", "yellow");
}, function(){
  $(this).css("background-color", "white");
});

在上面的例子中，当鼠标悬停在按钮上时，按钮的背景色将变成黄色，当鼠标离开按钮时，按钮的背景色将恢复为白色。

通过使用.hover()方法，你可以轻松地为网页元素添加悬停和离开事件的交互效果，提升用户体验。

本文为翻滚的胖子原创文章,转载无需和我联系,但请注明来自猿教程iskeys.com

• 上一篇： 使用.prop()来获取或设置元素的属性值
• 下一篇： 使用.animate()实现元素的自定义动画效果