tab切换（用jQuery实现）?

使用jQuery实现Tab切换功能是一个常见的任务。以下是一个简单的实现方式：

HTML结构：

<div class="tabs">
  <div class="tab" data-target="#tab1">Tab 1</div>
  <div class="tab" data-target="#tab2">Tab 2</div>
  <div class="tab" data-target="#tab3">Tab 3</div>
</div>
<div class="tab-content" id="tab1">
  Content for tab 1
</div>
<div class="tab-content" id="tab2" style="display:none;">
  Content for tab 2
</div>
<div class="tab-content" id="tab3" style="display:none;">
  Content for tab 3
</div>

CSS样式：

.tab-content {
  display: none;
}
.active-tab {
  background-color: #f0f0f0;
}

jQuery代码：

$(document).ready(function() {
  $('.tab').click(function() {
    // 移除所有tab的激活状态
    $('.tab').removeClass('active-tab');
    // 显示对应内容区域，隐藏其他区域
    $('.tab-content').hide();
    var target = $(this).data('target');
    $(target).show();
    // 添加当前点击的tab的激活状态
    $(this).addClass('active-tab');
  });
});

确保在你的HTML文件中引入了jQuery库。

这段代码实现了基本的Tab切换功能，点击.tab元素时，会显示对应的.tab-content，同时添加.active-tab类来突出当前激活的Tab。其他未激活的Tab不会显示，并且移除.active-tab类。