如何基于jQuery实现五角星评分
(编辑：jimmy 日期: 2025/11/5 浏览：3 次 )
1. 鼠标经过li的时候，当前的位置是实心五角星，前面的是实心。当前位置后面的是空心。注意此处不能完全用链式编程写到底
2. 鼠标离开，comment的所有孩子变为空心五角星。额外，找到current, 让current和它的前面都是实心。
3. 点击li的时候，当前的位置增加个current的class, 其余位置移除current
代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>五角星评分案例</title>
<style>
* {
padding: 0;
margin: 0;
}
.comment {
font-size: 40px;
color: #ff16cf;
}
.comment li {
float: left;
}
ul {
list-style: none;
}
</style>
<script src="/UploadFiles/2021-04-02/jquery-1.12.4.js">
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
下一篇：在vscode 中设置 vue模板内容的方法