Eine kurze Diskussion über die jQuery-Ereignisfunktion „hover(over, out)“.

hover(over, out)-Ereignisfunktion

Wenn sich die Maus über ein passendes Element bewegt, wird die angegebene erste Funktion ausgelöst

Wenn sich die Maus aus diesem Element herausbewegt, wird die angegebene Funktion wird ausgelöst. Die zweite Funktion

over(function): die Funktion wird ausgelöst, wenn sich die Maus über das Element bewegt

out(function): die Funktion wird ausgelöst, wenn sich die Maus aus dem Element herausbewegt

<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>

Holen Sie sich das Element 6f173608e03a0f420b472b1ef83857f25db79b134e9f6b82c0b36e0489ee08ed

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

Im obigen Artikel wird kurz auf den jQuery-Hover(over) eingegangen , out) Event-Funktion, die ich mit Ihnen teile. Der gesamte Inhalt ist hier. Ich hoffe, dass er jedem eine Referenz geben kann, und ich hoffe auch, dass jeder die chinesische PHP-Website unterstützt.

Weitere Artikel zur jQuery-Hover(over, out)-Ereignisfunktion finden Sie auf der chinesischen PHP-Website!