jquery 使用bootstrap 鼠标点击星星评分可以选半个

可以使用 `rating` 插件来实现这个功能，具体步骤如下：

1. 引入 `jquery` 和 `bootstrap` 的相关文件：

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

2. 引入 `rating` 插件的 JS 和 CSS 文件：

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-rating/4.0.0/bootstrap-rating.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-rating/4.0.0/bootstrap-rating.min.js"></script>

3. 在页面中添加一个 `input` 元素，用于显示评分：

<input id="rating-input" type="number" class="rating" min=0 max=5 step=0.5 data-size="xs">

其中，`min` 表示最小值，`max` 表示最大值，`step` 表示步长，`data-size` 表示星星的大小。

4. 初始化 `rating` 插件：

$('#rating-input').rating({
  min: 0,
  max: 5,
  step: 0.5,
  size: 'xs',
  showClear: false,
  showCaption: false,
  stars: 5,
  filledStar: '<i class="glyphicon glyphicon-star"></i>',
  emptyStar: '<i class="glyphicon glyphicon-star-empty"></i>',
  starCaptions: {
    0.5: '0.5',
    1: '1',
    1.5: '1.5',
    2: '2',
    2.5: '2.5',
    3: '3',
    3.5: '3.5',
    4: '4',
    4.5: '4.5',
    5: '5'
  },
  starCaptionClasses: function(val) {
    if (val < 3) {
      return 'text-danger';
    } else {
      return 'text-primary';
    }
  }
});

其中，`showClear` 和 `showCaption` 分别表示是否显示清除按钮和评分说明，`stars` 表示星星的数量，`filledStar` 和 `emptyStar` 分别表示填充和未填充的星星的图标，`starCaptions` 表示每个评分对应的说明，`starCaptionClasses` 表示每个评分说明的样式。

通过以上步骤，就可以实现鼠标点击星星评分可以选半个的效果。