浅谈jQuery hover(over, out)事件函数

hover(over, out)事件函数

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

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

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

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

<nav class="main-nav"> 
  <a href="/"><span>首页</span></a> 
  <a href="/about"><span>关于考试</span></a> 
  <a href="/exam"><span>报考指南</span></a> 
  <a href="/news"><span>考试情报</span></a> 
  <a href="/career"><span>考试与就业</span></a> 
  <a class="omega" href="/sitemap"><span>网站地图</span></a> 
</nav> 
<script> 
$(function(){ 

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

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

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

以上这篇浅谈jQuery hover(over, out)事件函数就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持积木网。

textarea 在浏览器中固定大小和禁止拖动的实现方法
HTML标签textarea在大部分浏览器中只要指定行（rows）和列（cols）属性，就可以规定textarea的尺寸，大小就不会改变，不过更好的办法是使用CSS的height和widt

利用浮层使select不可选的实现方法
实例如下：!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"spanstyle="position:relative"selectoptionvalue="1"1/optionoptionvalue="2"

jquery 判断div show的状态实例
实例如下：vartemp=$("#test").is(":hidden");//是否隐藏vartemp1=$("#test").is(":visible");//是否可见以上这篇jquery判断divshow的状态实例就是小编分享给大家的全部内容