评分案例

五星评分
<ul>
    <li>☆</li>
    <li>☆</li>
    <li>☆</li>
    <li>☆</li>
    <li>☆</li>
</ul>

<script type="text/javascript">
    // 页面加载事件
    $(function (){
        // 为所以的li注册鼠标移入事件
        $('ul li').mouseover(function () {
            $(this).text('★').prevAll('li').text('★').end().nextAll('li').text('☆');
        }).mouseout(function () {
            $('ul li').text('☆');
            // 如果还没有点击按钮，就没有标记，下面这行代码也就没有效果（找不到相应的元素）
            $('ul li[index=5]').text('★').prevAll('li').text('★');
        }).click(function () {
            // 给当前选择的星星添加标记，并且清除掉其他星星的标记
            $(this).attr('index', 5).siblings('li').removeAttr('index');
        });
    });
</script>