本文实例讲述了jQuery实现的五星点评功能。分享给大家供大家参考,具体如下:
效果图:
需求分析:
1.鼠标移入li标签,当前li标签和之前的li标签全部变为实心;
2.鼠标移开,所有的li标签变为空心;
3.鼠标点击li标签,当前li标签和之前的li标签全部变为实心
jq代码实现过程:
var shiXin=★;
var kongXin='\u2606'
$('li').on('mouseenter',function ( ) {
//需求1:鼠标移入后,当前的li标签和前面的li标签显示实心,后面的li标签显示空心
$(this).text(shiXin).prevAll(