JQuery hover鼠标变换

一般而言，我们为非按钮、链接等元素添加hover事件时，虽然能够处理悬停事件，但是鼠标却并没有变化，会造成悬停事件不明显的结果，为此，我们可以添加CSS样式cursor:pointer，使得该元素的悬停事件鼠标明显变化。如果还需处理点击事件，亦可以在hover函数中添加click事件处理。

$(document).ready(function(){//文档加载完成后执行
    $('.author').hover(function(event){
        $(this).css('cursor','pointer');//鼠标悬停样式改变
        $(this).click(function(event) {   //点击事件
            $(this).addClass('selected');
          });
    })
});