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

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