jQuery hover(over, out)事件函数

hover(over, out)事件函数

当鼠标移动一个匹配的元素上面，会触发指定的第一个函数

当鼠标移出这个元素时，会触发指定的第二个函数

over(function):鼠标移到元素上触发的函数

out(function):鼠标移出元素触发的函数

[html]  view plain copy

1. <nav class="main-nav">  
2.     <a href="/"><span>首页</span></a>  
3.     <a href="/about"><span>关于考试</span></a>  
4.     <a href="/exam"><span>报考指南</span></a>  
5.     <a href="/news"><span>考试情报</span></a>  
6.     <a href="/career"><span>考试与就业</span></a>  
7.     <a class="omega" href="/sitemap"><span>网站地图</span></a>  
8. </nav>  
9. <script>  
10. $(function(){  

[html]  view plain copy

1.     //鼠标移到与移出，移到元素时，添加当前元素样式，并且去掉当前页面的样式。鼠标移出时，去掉当前元素的样式，并且添加当前页面的样式  
2.     $('.main-nav').find('a').hover(  
3.         function(){$(this).addClass('cur');$('.main-nav').find('a[href="<?php echo "/".$path[1];?>"]').removeClass('cur');},  
4.         function(){$(this).removeClass('cur');$('.main-nav').find('a[href="<?php echo "/".$path[1];?>"]').addClass('cur');}  
5.     );  
6.     $('.main-nav').find('a[href="<?php echo "/".$path[1];?>"]').addClass('cur');  //加载页面时就添加样式  
7. });  
8. </script>  

获取<a href="/"></a>这个元素

[javascript]  view plain copy

1. $(".main-nav").find('a[href="/"]');  

转自：http://blog.csdn.net/motian06/article/details/7890304