jQuery.hover()方法处理鼠标移入移出事件

jQuery.hover()方法

jQuery.hover()方法用于处理鼠标移入移出事件，它同时触发两个函数，一个是鼠标移入时执行的函数，另一个是鼠标移出时执行的函数。

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

其中，inFunction表示鼠标移入时要执行的函数，outFunction表示鼠标移出时要执行的函数。

下面是一个示例，当鼠标移入#myDiv时，#myDiv的背景颜色变为红色，当鼠标移出时，背景颜色变为蓝色：

$("#myDiv").hover(function(){
    $(this).css("background-color", "red");
}, function(){
    $(this).css("background-color", "blue");
});

jQuery.hover()方法也可以只传入一个参数，这个参数会在鼠标移入移出时都被执行：

$("#myDiv").hover(function(){
    $(this).css("background-color", "green");
});

上面的代码表示，当鼠标移入#myDiv时，#myDiv的背景颜色变为绿色，当鼠标移出时，背景颜色也变为绿色。

jQuery.hover()方法是一个非常有用的方法，它可以帮助我们处理鼠标移入移出时要执行的函数，使得我们可以更好地处理鼠标事件。