jquery怎么实现菜单随着内容切换

使用jQuery可以通过监听事件和添加类来实现菜单随着内容的切换。以下是一个示例：
HTML代码：
```html

• 菜单1


• 菜单2


• 菜单3

内容1
内容2
内容3

```
CSS代码：
```css
.active {
font-weight: bold;
}
.item {
display: none;
}
.item.active {
display: block;
}
```
jQuery代码：
```javascript
$(document).ready(function() {
$(".menu li").click(function() {
var index = $(this).index();
$(".menu li").removeClass("active");
$(this).addClass("active");
$(".content .item").removeClass("active");
$(".content .item").eq(index).addClass("active");
});
});
```
在上述代码中，首先为菜单和内容添加了对应的类名。然后使用jQuery的`.click()`方法来监听菜单项的点击事件。在点击事件中，首先获取点击菜单项的索引值，然后移除菜单项和内容项的所有`active`类，再将点击的菜单项和对应的内容项添加`active`类，以实现切换效果。
当点击菜单项时，该菜单项会被加粗显示，对应的内容项也会显示，其他菜单项和内容项则隐藏。

上一篇：jquery怎么给按钮绑定点击事件

下一篇：jquery显示隐藏切换功能怎么实现

---