jq列表点击出现相应的图片

要实现这个功能，您需要使用JavaScript和CSS。具体步骤如下：

1. 首先，在HTML中创建一个列表，并在每个列表项中添加一个data属性，用于指定相应的图片的ID。例如：

<ul id="list">
  <li data-img="img1">Item 1</li>
  <li data-img="img2">Item 2</li>
  <li data-img="img3">Item 3</li>
</ul>

2. 创建一个包含所有图片的容器，并给每个图片设置一个唯一的ID。例如：

<div id="images">
  <img id="img1" src="image1.jpg">
  <img id="img2" src="image2.jpg">
  <img id="img3" src="image3.jpg">
</div>

3. 使用JavaScript为每个列表项添加一个点击事件，当点击时获取data属性中的图片ID，并将其显示在图片容器中。例如：

$(document).ready(function() {
  $('#list li').click(function() {
    var imgID = $(this).data('img');
    $('#images img').hide();
    $('#' + imgID).show();
  });
});

4. 使用CSS设置图片容器中的图片隐藏，并设置默认显示的图片。例如：

#images img {
  display: none;
}
#img1 {
  display: block;
}

这样，当用户点击列表中的任何项时，相应的图片将显示在图片容器中。