请老师检查。
来源：2-4 编程练习
陈莺莺呀
2019-12-19 12:40:12
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.red {
color: red;
}
</style>
</head>
<body>
<ul>
<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>
/*此处写代码*/
$(document).ready(function(){
$("ul li").on("click" , function(){
$("ul li").removeClass("red");
$(this).addClass("red");
});
});
</script>
</body>
</html>
1回答
-
同学你好，代码是正确的，建议：还可以再优化下，鼠标移入li的时候，光标是小手状，可以设置下cursor属性，例：
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
