Maison  >  Article  >  interface Web  >  Une brève discussion sur la fonction d'événement jQuery hover(over, out)

Une brève discussion sur la fonction d'événement jQuery hover(over, out)

高洛峰
高洛峰original
2017-01-04 14:11:541519parcourir

fonction d'événement hover(over, out)

Lorsque la souris se déplace sur un élément correspondant, la première fonction spécifiée sera déclenchée

Lorsque la souris sort de cet élément, la fonction spécifiée la fonction sera déclenchée La deuxième fonction

over(function) : la fonction déclenchée lorsque la souris passe sur l'élément

out(function) : la fonction déclenchée lorsque la souris sort de l'élément

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

Obtenez l'élément 6f173608e03a0f420b472b1ef83857f25db79b134e9f6b82c0b36e0489ee08ed

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

L'article ci-dessus parle brièvement du survol jQuery (sur , out) fonction événementielle, que je partage avec vous. L'intégralité du contenu est ici, j'espère qu'il pourra donner une référence à tout le monde, et j'espère aussi que tout le monde soutiendra le site Web PHP chinois.

Pour plus d'articles sur la fonction d'événement jQuery hover(over, out), veuillez faire attention au site Web PHP chinois !


Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn