jquery基础图片点击显示和隐藏

在jQuery中，你可以通过简单的JavaScript操作来实现图片的点击显示和隐藏。下面是一个基本的示例：

首先，假设你有一个隐藏的图片元素，id为"hiddenImage"，初始状态是隐藏的，然后有一个显示按钮"showBtn"，当用户点击这个按钮时，图片会显示出来，再次点击则隐藏回去。你可以这样做：

HTML部分：

<button id="showBtn">点击显示/隐藏图片</button>
<img id="hiddenImage" src="" alt="隐藏的图片" style="display:none;">

jQuery代码：

$(document).ready(function() {
    $("#showBtn").click(function() {
        $("#hiddenImage").toggle(); // 点击事件，切换图片的显示/隐藏状态
    });
});

在这个例子中，`$("#hiddenImage")`选择了id为"hiddenImage"的图片元素，`.toggle()`函数则是用于切换它的显示状态，即点击一次就显示，再点一次就隐藏。