有啥好的处理方式吗，我是这样处理的
$('#menu li').on('click',function(){
var $this = $(this)
$this.removeClass().addClass('yellow')
.siblings().removeClass()
$this.prev().addClass('blue')
$this.next().addClass('red')
})
正在回答
你好，这样写代码是可以的，已经很简洁了。
开始可以不用清除类名，因为还没有添加，后面使用同辈方法清除就可以了：
祝学习愉快！
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
ul{
cursor:pointer;
}
.red{
background:red;
}
.blue{
background:blue;
}
.yellow{
background:yellow;
}
</style>
</head>
<body>
<ul id="menu">
<li>Web前端攻城狮</li>
<li>前端小白入门</li>
<li>前端进阶：响应式开发与常用框架</li>
<li>HTML5与CSS3实现动态网页</li>
<li>HTML5&CSS3进阶与常用框架</li>
<li>JavaScript基础入门</li>
<li>进击JavaScript核心</li>
</ul>
<script src="https://cdn.bootcss.com/zepto/1.1.7/zepto.min.js"></script>
<script>
/*此处写代码*/
$('#menu li').on('click',function(){
var $this = $(this)
$this.removeClass().addClass('yellow')
.siblings().removeClass()
$this.prev().addClass('blue')
$this.next().addClass('red')
})
</script>
</body>
</html>
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序，也让前端工程师有了更多的展现机会，本阶段带你从移动基础知识的学习到webAPP开发，及小程序开发，让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星