JQuery 是一款广泛使用的 JavaScript 库，它可以简化 JavaScript 编写过程，提高代码可读性和开发效率。下面我们来学习 JQuery 中的一种功能 — 鼠标放上去显示图片。

$(document).ready(function(){
$("#image").hover(function(){
$(this).attr("src", "image_hover.png");
}, function(){
$(this).attr("src", "image.png");
});
});

上面的代码使用 JQuery 中的 hover() 方法，当鼠标放上去时，图片的 src 属性被修改为带有 hover 效果的图片，鼠标移开时，将原始图片重新设置为 src 属性。在 HTML 中，需要添加一个 ID 为 "image" 的 img 元素：

<img src="image.png" id="image" />

通过这种方式，我们可以使用简单的代码实现鼠标放上去显示图片的功能，让页面更加生动有趣。如果需要显示多个图片，可以通过修改 ID 或使用 class 属性来实现。