用星星表示数字 jquery

要使用jQuery在网页上用星星表示数字，您可以借助HTML、CSS和JavaScript/jQuery来创建一个星星评分或星级评价的效果。以下是一个简单的示例：

HTML结构：

<div class="star-rating">
  <span class="star">&#9733;</span>
  <span class="star">&#9733;</span>
  <span class="star">&#9733;</span>
  <span class="star">&#9733;</span>
  <span class="star">&#9733;</span>
</div>

CSS样式：

.star-rating {
  font-size: 24px;
}

.star {
  color: gold;
  cursor: pointer;
}

.star:hover {
  color: orange;
}

jQuery代码：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    $('.star').click(function() {
      $(this).toggleClass('selected');
      // 计算选中的星星数量
      var rating = $('.star.selected').length;
      alert('您给了 ' + rating + ' 颗星星评分。');
    });
  });
</script>

在这个示例中，我们创建了一个包含五颗星星的星级评分，用户可以点击星星来选择评分。通过jQuery，我们监听星星的点击事件，并使用toggleClass来切换星星的选中状态。然后，我们计算选中的星星数量，以便在警告框中显示评分。

这只是一个简单的示例，您可以根据需求自定义星星的数量、样式和评分逻辑。希望这可以帮助您创建一个星星表示数字的效果。