点击小图切换大图

image.png

<div class="img" id="bigImg">
      <img src="img/1.jpg" alt="">   //大图
</div>
<div class="imgList_bg">
      <ul id="imgList">
          <li>
               <img src="img/1.jpg" alt="">
          </li>
          <li>
               <img src="img/2.jpg" alt="">
          </li>
          <li>
                <img src="img/3.jpg" alt="">
           </li>
           <li>
                 <img src="img/4.jpg" alt="">
            </li>
      </ul>
</div>

    <script language="JavaScript" type="text/javascript"> 
        $('#imgList li img:first').addClass('active');
        $("#imgList li img").click(e => {
            $("#imgList li img.active").removeClass("active");
            $(e.target).addClass('active');
            $("#bigImg>img").replaceWith(
                $(e.target).clone()
            );
        });
    </script>