jquery实现星星评分变颜色效果

jquery实现星星评分变颜色效果

效果如图：

css代码

星星字体需要引入font-awesome   <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>

html代码

 <i class="fa fa-star-o fuwupinfen_star"></i>
<i class="fa fa-star-o fuwupinfen_star"></i>
 <i class="fa fa-star-o fuwupinfen_star"></i> 
<i class="fa fa-star-o fuwupinfen_star"></i>
 <i class="fa fa-star-o fuwupinfen_star"></i> 

JS代码

1、 点击事件

$(".fuwupinfen_star").click(function(){