jQuery点击循环左右移动是一种常用的网页交互效果，可以让页面看起来更加动态和有趣。下面我们来介绍一下如何使用jQuery实现这种效果。

$(document).ready(function() {
  $('#next').click(function() {
    var currentSlide = $('.active-slide');
    var nextSlide = currentSlide.next();

    if(nextSlide.length === 0) {
      nextSlide = $('.slide').first();
    }

    currentSlide.fadeOut(600).removeClass('active-slide');
    nextSlide.fadeIn(600).addClass('active-slide');
  });

  $('#prev').click(function() {
    var currentSlide = $('.active-slide');
    var prevSlide = currentSlide.prev();

    if(prevSlide.length === 0) {
      prevSlide = $('.slide').last();
    }

    currentSlide.fadeOut(600).removeClass('active-slide');
    prevSlide.fadeIn(600).addClass('active-slide');
  });
});

上面这段jQuery代码实现了循环左右移动的效果。其中，我们为向左和向右的按钮分别绑定了click事件，并使用了next()和prev()函数来获取下一个和上一个幻灯片元素。当移到最后一个幻灯片时，使用first()函数回到第一个幻灯片；当移到第一个幻灯片时，使用last()函数回到最后一个幻灯片。同时，使用fadeIn()和fadeOut()函数来实现渐隐渐现的效果，并添加和删除active-slide类名来标记当前正在展示的幻灯片。