如何使用jQuery实现当鼠标悬停在小图片上时更换显示的大图片？

在jQuery中，你可以使用`hover()`函数结合`fadeIn()`和`fadeOut()`方法来实现在鼠标悬停时切换大图片的效果。首先，你需要拥有两个不同大小的图片，一个作为默认的大图，另一个作为准备替换的小图。

下面是一个简单的示例：

<div class="image-container">
    <img src="default-big-image.jpg" id="big-image" alt="默认大图" style="display:none;">
    <img src="small-image.jpg" class="thumbnail" alt="小图">
</div>

然后，在JavaScript部分，使用jQuery:

$(document).ready(function() {
    $('.thumbnail').hover(
        function() { // 鼠标进入事件
            $('#big-image').fadeIn('slow'); // 显示大图，淡入效果
        },
        function() { // 鼠标离开事件
            $('#big-image').fadeOut('slow'); // 隐藏大图，淡出效果
        }
    );
});

在这个例子中，`.thumbnail`是小图片的CSS选择器，当鼠标悬停在其上时，会触发`mouseenter`事件，展示大图；当鼠标移开时，会触发`mouseleave`事件，隐藏大图。`fadeIn('slow')`和`fadeOut('slow')`会让过渡效果更平滑。