关于jQuery鼠标悬停事件.hover()的使用详解

web前端|js教程 在JQuery中提供了.hover()事件，以简化Dom中的mouseenter(鼠标进入),和mouseleave（鼠标离开）事件，hover的第一个参数（匿名方法）表示mouseenter，第二个参数表示mouseleave，即表示可以为hover传递两个参数。如下代码所示：

ul { margin-left: 20px; color: blue; } li { cursor: default; } span { color: red; }

• Milk
• Bread
• Chips
• Socks

$( "li" ).hover(//为li绑定了鼠标进入和鼠标移开的两个参数 function() { $( this ).append( $( " ***" ) ); }, function() { $( this ).find( "span:last" ).remove(); }); $( "li.fade" ).hover(function() {

//为li元素下的class类是fade的所有元素绑定了鼠标进入参数$( this ).fadeOut( 100 ); $( this ).fadeIn( 500 );});