简单jq5星好评效果

首先说明点击之前和点击以后用的是背景图片，这里不贴css，比较简单

html部分

<div id="Box_7YAib3">
　　<div class="" id="Text_gkIqwC">等级评价</div>
　　<div class="stars">
　　　　<span class="star"></span>
　　　　<span class="star"></span>
　　　　<span class="star"></span>
　　　　<span class="star"></span>
　　　　<span class="star"></span>
　　</div>
</div>

js部分

var stars=$(".stars .star");
stars.click(function(){
　　$(".stars .star").removeClass("star-1");
　　var _index = $(this).index()+1;
　　for(var i=0;i<_index;i++){
　　　　$(".stars .star").eq(i).addClass("star-1");
　　}
});