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

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(){

//鼠标移到与移出，移到元素时，添加当前元素样式，并且去掉当前页面的样式。鼠标移出时，去掉当前元素的样式，并且添加当前页面的样式 
  $('.main-nav').find('a').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

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

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 !