jQuery----五星好评实现

以下是一个简单的 jQuery 五星好评实现：

HTML 代码：

<div class="rating">
  <span class="star" data-value="1">&#9733;</span>
  <span class="star" data-value="2">&#9733;</span>
  <span class="star" data-value="3">&#9733;</span>
  <span class="star" data-value="4">&#9733;</span>
  <span class="star" data-value="5">&#9733;</span>
</div>

CSS 代码：

.rating {
  font-size: 40px;
}
.star {
  cursor: pointer;
  color: #ccc;
}
.star.active,
.star:hover {
  color: #f90;
}

jQuery 代码：

$(document).ready(function() {
  $('.rating .star').click(function() {
    var value = $(this).data('value');
    $(this).siblings('.star').removeClass('active');
    $(this).addClass('active');
    $('#rating-value').val(value);
  });
});

这段代码会在文档加载完成后将所有五个星星绑定点击事件。当用户点击其中一个星星时，会获取该星星的值并将其它星星的 `active` 类删除，然后将该星星添加 `active` 类。此外，还会将该星星的值存储在一个表单域中，以便在提交表单时使用。