如何使用jquery模拟mouseover事件？

Question

我有一个如下定义的星级评分系统:

<span class="rating_container"> 
    <span class="star_container">  
        <a rel="nofollow" href="" class="star star_1" >1<span class="rating">Terrible</span></a>   
        <a rel="nofollow" href="" class="star star_2" >2<span class="rating">Bad</span></a>
        <a rel="nofollow" href="" class="star star_3" >3<span class="rating">Bad</span></a>
        <a rel="nofollow" href="" class="star star_4" >4<span class="rating">OK</span></a>   
        <a rel="nofollow" href="" class="star star_5" >5<span class="rating">OK</span></a>   
        <a rel="nofollow" href="" class="star star_6" >6<span class="rating">OK</span></a>   
        <a rel="nofollow" href="" class="star star_7" >7<span class="rating">Good</span></a>   
        <a rel="nofollow" href="" class="star star_8" >8<span class="rating">Good</span></a>   
        <a rel="nofollow" href="" class="star star_9" >9<span class="rating">Excellent</span></a>   
        <a rel="nofollow" href="" class="star star_10" >10<span class="rating">Excellent</span></a>  
    </span> 
</span> 

发生鼠标悬停时,每颗星都会着色.我如何用jquery模拟这个？例如,我想将鼠标移到第5星.这就是我尝试过的:

     $('.star.star_5').addClass('active');

我错过了什么？

Answer 1

试试:

$(".star_5").trigger('mouseover');

这将触发鼠标悬停操作,而不是模拟它,提供针对鼠标悬停处理程序更改的未来验证措施.