淺析jQuery里面的.hover事件


.Hover() 是一個模仿懸停事件(鼠標移動到一個對象上面及移出這個對象)的方法。這是一個自定義的方法,它為頻繁使用的任務提供了一種“保持在其中”的狀態。

當鼠標移動到一個匹配的元素上面時,會觸發指定的第一個函數。當鼠標移出這個元素時,會觸發指定的第二個函數。而且,會伴隨着對鼠標是否仍然處在特定元素中的檢測(例如,處在div中的圖像),如果是,則會繼續保持“懸停”狀態,而不觸發移出事件(修正了使用mouseout事件的一個常見錯誤)。

 

有以下兩種使用情況:

(1).hover(over,out)

      over:鼠標移到元素上要觸發的函數

      out: 鼠標移出元素要觸發的函數

     

     e.g(給某一個'td'元素,添加鼠標懸停事件):

    $('td').hover(function(){$(this).addClass("hover")},  function(){$(this).removerClass("hover")});

 

(2) .hover(out)

     out: 當鼠標移到元素上或移出元素時觸發執行的事件函數

    $('td').bind('mouseenter mouseleave', handlerInout);

    $('td').hover(handlerInout);

 

第二個例子是說 .hover 通過綁定handlerInout這個變量來切換方法。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM