ホームページ > 記事 > ウェブフロントエンド > jQuery の hover(over, out) イベント関数についての簡単な説明
hover(over, out) イベント関数
マウスが一致する要素上に移動すると、指定された最初の関数がトリガーされます
マウスがこの要素の外に移動すると、指定された 2 番目の関数がトリガーされます
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>
Get6f173608e03a0f420b472b1ef83857f25db79b134e9f6b82c0b36e0489ee08edこの要素
$(".main-nav").find('a[href="/"]');
上記の記事 jQuery の hover(over, out) イベント関数についての簡単な説明は、編集者によって共有されたすべての内容です。参考になれば幸いです。また、PHP 中国語 Web サイトをサポートしていただければ幸いです。
jQuery の hover(over、out) イベント関数に関連するその他の記事については、PHP 中国語 Web サイトに注目してください。