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)事件函數就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。
新聞熱點
疑難解答