JQuery是一种广泛使用的JavaScript库，可用于创建交互式网页。其中之一的功能是在网页上点击图片后，打开一个新的图片。这是一个非常实用的功能，因此让我们来看看如何使用JQuery来创建这种效果。

$(document).ready(function(){
    $("img").click(function(){
        var imgSrc = $(this).attr("src");
        var imgHtml = "";
        $("#myModal").modal();
        $(".modal-body").html(imgHtml);
    });
});

在上面的代码中，我们首先使用了document.ready()函数，以确保文档完全加载后再执行函数内的代码。然后，我们选择了所有的img元素，当它们被点击时执行一个函数。在函数内，我们获取了所点击图片的src属性，并使用该属性创建了一个HTML标签字符串。然后，我们使用JQuery UI的modal()函数打开一个名为"myModal"的模态框。最后，我们将创建的HTML标签字符串添加到模态框的modal-body类中。

使用上述代码，我们可以创建一个单击图片即可打开它的实用效果。我们可以进一步定制模态框的样式和功能，例如添加关闭按钮或更改背景颜色和大小。调整代码中的内容可以实现各种各样的效果。