淺談jQuery hover(over, out)事件函數
更新時間：2016年12月03日 15:54:30 投稿：jingxian
下面小編就為大家?guī)硪黄獪\談jQuery hover(over, out)事件函數。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦
hover(over, out)事件函數
當鼠標移動一個匹配的元素上面，會觸發(fā)指定的第一個函數
當鼠標移出這個元素時，會觸發(fā)指定的第二個函數
over(function):鼠標移到元素上觸發(fā)的函數
out(function):鼠標移出元素觸發(fā)的函數
<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>考試與就業(yè)</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)事件函數就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家詳細介紹了jQuery實現天貓商品放大鏡效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要介紹了jQuery控制元素顯示、隱藏、切換、滑動的方法總結,本文講解了hide()、show() 、slideDown、slideUp、 slideToggle、fadeIn()、fadeOut()、fadeTo()等方法使用實例,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了jQuery實現簡單的點贊效果的相關資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要介紹了jQuery實現tag便簽去重效果的方法,較為詳細的分析了html頁面及js代碼的實現技巧,非常具有實用價值,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了jQuery實現標題有打字效果的焦點圖代碼,可實現幻燈片切換顯示時標題同步逐個打印顯示的效果,涉及jQuery操作json格式數據及時間函數的相關技巧,需要的朋友可以參考下2015-11-11
jquery mobile changepage的三種傳參方法介紹
本來覺得changePage 那么多option,傳幾個參數應該沒問題結果翻遍國內外網站,基本方法只有三種，下面與大家分享下，感興趣的朋友可以參考下2013-09-09
Lazy Load 延遲加載圖片的jQuery插件中文使用文檔
Lazy Load 是一個用 JavaScript 編寫的 jQuery 插件. 它可以延遲加載長頁面中的圖片. 在瀏覽器可視區(qū)域外的圖片不會被載入, 直到用戶將頁面滾動到它們所在的位置. 這與圖片預加載的處理方式正好是相反的2012-10-10
jQuery Pagination分頁插件_動力節(jié)點Java學院整理
此jQuery插件為Ajax分頁插件，一次性加載，故分頁切換時無刷新與延遲，如果數據量較大不建議用此方法，因為加載會比較慢。下面通過本文給大家分享jQuery Pagination分頁插件的使用方法及參數介紹，感興趣的朋友一起看看吧2017-07-07
大家登陸各種網站見到的驗證碼應該無外乎數字,字母和漢字。有沒有見識過使用水果名字和水果圖片來驗證客戶端不是個機器人嗎？2009-08-08
本文主要介紹jQuery中on方法使用注意事項。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02