jQuery实现的五星点评功能【案例】

var shiXin="★";
 var kOngXin='☆'
 $('li').on('mouseenter',function ( ) {
  //需求1:鼠标移入后,当前的li标签和前面的li标签显示实心,后面的li标签显示空心
  $(this).text(shiXin).prevAll().text(shiXin).end().nextAll().text(kongXin);
 }).on('mouseleave',function ( ) {
  $('li').text(kongXin);
  //找到索引的li,给这个li和它前面的li设置实心
  $('li[index="dianji"]').text(shiXin).prevAll().text(shiXin);
 }).on('click',function ( ) {
  //给点击的li添加索引,其余的去除索引
   $(this).attr('index','dianji').siblings().removeAttr('index')
 })

 
 
 



 
☆
 
☆
 
☆
 
☆
 
☆