jquery hover方法 jQuery hover() 方法

jquery hover方法

jQuery hover方法是jQuery中最常用的事件方法之一，它可以在鼠标悬停在元素上时执行函数。它可以让你在鼠标悬停在元素上时执行一些动作，而不必使用onmouseover和onmouseout事件处理程序。

$(selector).hover(inFunction, outFunction);

jQuery hover方法接受两个函数作为参数：inFunction和outFunction。当鼠标悬停在元素上时，inFunction会被调用；当鼠标离开元素时，outFunction会被调用。这两个函数都可以包含一些JavaScript代码来执行特定的功能。

$("#element").hover(function(){ 
    // 鼠标悬停时执行的代码 
}, function(){ 
    // 鼠标离开时执行的代码 
});

例如，你可以使用jQuery hover方法来显示/隐藏一个div元素：

$("#element").hover(function(){ 
    $("#divElement").show();  // 显示div元素 
}, function(){ 
    $("#divElement").hide(); // 隐藏div元素 
});

此外，你还可以使用jQuery hover方法来改变CSS样式或者修改HTML内容。例如：

$("#element").hover(function(){ 
    $(this).css("background-color", "red"); // 改变背景颜色 
}, function(){ 
    $(this).html("Hello World!"); // 改变HTML内容  								   });

总之，jQuery hover方法是一个很有用的工具，它能够帮助你创建有吸引力的、交互性强的Web应用。通过使用这个方法，你就不必再使用onmouseover和onmouseout事件处理函数来创建功能性强大的Web应用了。

jQuery hover() 方法