jquery点击切换li加背景颜色
时间: 2023-07-19 08:56:16 浏览: 95
jquery背景切换
4星 · 用户满意度95%
好的,您可以使用以下代码实现:
HTML部分:
```
<ul>
<li>选项1</li>
<li>选项2</li>
<li>选项3</li>
</ul>
```
jQuery部分:
```
$("li").click(function() {
$("li").removeClass("active"); //移除所有li的active类
$(this).addClass("active"); //给当前点击的li添加active类
});
```
CSS部分:
```
.active {
background-color: #ccc; //选中的li的背景颜色
}
```
这段代码会在每次点击li时,移除所有li的active类,然后给当前点击的li添加active类,从而改变选中的li的背景颜色。
阅读全文