在Web开发中，经常需要实现点击一个链接预览图片的功能，这种操作非常常见。而使用jQuery实现这个功能非常简单，我们只需要使用几行代码就可以轻松搞定。

$('a.preview').on('click', function (e) {
 e.preventDefault();
 var imgUrl = $(this).attr('href');
 var img = '';
 $('body').append('
' + img + '
');
 $('.preview-container').fadeIn();
});

$('body').on('click', '.preview-overlay, .preview-container', function () {
 $('.preview-container, .preview-overlay').fadeOut(function () {
  $(this).remove();
 });
});

上面的代码中，我们首先使用了选择器找到所有带有preview类的链接，然后注册了一个click事件。在这个事件中，我们使用了e.preventDefault()方法来阻止默认行为，然后获取了图片的URL，并创建一个img标签将其显示出来。接着我们添加了一个遮罩层，为图片提供了一个背景，并将其显示出来。

随后，我们为遮罩层和图片容器都注册了一个click事件，用于在用户点击遮罩层或图片容器时隐藏图片并移除遮罩层和容器。

使用jQuery实现点击链接预览图片的功能非常简单，只需要使用几行代码就可以完成。通过这个简单的功能，我们也可以学习到如何使用jQuery来增强用户体验，让我们的网站更加友好易用。