jQuery中的hover()方法详解

jQuery 提供了便捷的 .hover() 方法，用于处理鼠标悬停事件。这个方法可以接受一个或两个函数作为参数。第一个函数会在鼠标进入元素时触发，等同于 mouseenter 事件；第二个函数则在鼠标离开元素时触发，等同于 mouseleave 事件。如果只提供一个函数，则该函数会在鼠标进入和离开时都触发。

下面是一个具体的示例，展示了如何使用 .hover() 方法为列表项添加和移除文本：

$( "li" ).hover( function() { // 鼠标进入时执行 $( this ).append( $( " ***" ) ); }, function() { // 鼠标离开时执行 $( this ).find( "span:last" ).remove(); }); 

在这个例子中，当鼠标悬停在列表项上时，会添加一段文本 “***”，而当鼠标移开时，这段文本会被移除。这种方法常用于创建动态的用户交互效果，提升用户体验。