jQuery的live()方法對hover事件的處理示例

更新時間：2014年02月27日 14:50:53 作者：

一個模仿懸停事件的方法，當鼠標移動到一個匹配的元素上面時，會觸發(fā)指定的第一個函數

hover([over,]out)

一個模仿懸停事件（鼠標移動到一個對象上面及移出這個對象）的方法

當鼠標移動到一個匹配的元素上面時，會觸發(fā)指定的第一個函數。

當鼠標移出這個元素時，會觸發(fā)指定的第二個函數。

 
$('.myDiv').hover(function() { 
doSomething... 
}, function() { 
doSomething... 
}); 

而問題是有些元素比如菜單是通過AJAX動態(tài)加載的，hover方法執(zhí)行的時候

菜單還沒加載出來呢，所以就要用到jquery的另一個方法live()

.live() 方法能對一個還沒有添加進DOM的元素有效，是由于使用了事件委托：

綁定在祖先元素上的事件處理函數可以對在后代上觸發(fā)的事件作出回應。

傳遞給 .live() 的事件處理函數不會綁定在元素上，

而是把他作為一個特殊的事件處理函數，綁定在 DOM 樹的根節(jié)點上。

復制代碼代碼如下:

 
$('.myDiv').live('hover',function(event){ 
if(event.type=='mouseenter'){ 
doSomething... 
}else{ 
doSomething... 
} 
}) 

有的jquery版本響應的是mouseenter和mouseleave
有的是mouseover和mouseout
待考證......

您可能感興趣的文章:

live()
hover

jquery與js函數沖突的兩種解決方法
如果您想繼續(xù)使用原先的$()，同時還需要與別的類庫不沖突的話，下面由兩種方法，有類似需求的朋友可以參考下，希望對大家有所幫助
2013-09-09
基于JSON格式數據的簡單jQuery幻燈片插件(jquery-slider)
jquery-slider幻燈片插件通過json數據來提供圖片地址和描述信息，同時也可以更換json數據來動態(tài)切換不同的圖片，對json數據jquery幻燈片插件相關知識感興趣的朋友一起學習吧
2016-08-08
jquery預覽圖片實現鼠標放上去顯示實際大小
本文為大家介紹的這個示例為jquery實現的預覽圖片，當鼠標放上去顯示實際大小，感興趣的朋友可以學習下
2014-01-01
jQuery接受后臺傳遞的List的實例詳解
這篇文章主要介紹了jQuery接受后臺傳遞的List的實例詳解的相關資料,這里提供了前臺代碼和后臺代碼的實現，需要的朋友可以參考下
2017-08-08
Jquery-data的三種用法
本篇文章主要介紹了Jquery-data的三種用法。具有很好的參考價值。下面跟著小編一起來看下吧
2017-04-04
jQuery實現下拉加載功能實例代碼
本文通過一段實例代碼給大家介紹jquery實現下拉加載功能，代碼簡單易懂，需要的朋友參考下吧
2016-04-04
jQuery 獲取對象基本選擇與層級
jQuery 獲取對象基本選擇與層級實現代碼，學習jquery的朋友可以參考下。
2010-05-05
jQuery仿Excel表格編輯功能的實現代碼
Handsontable 是一個相當給力的 jQuery 插件，它實現了 HTML 頁面中的表格編輯功能，并且是仿 Excel 的編輯效果。
2013-05-05
JQuery優(yōu)缺點分析說明
如果你還在猶豫是否要學習一個JavaScript框架，并困惑于選擇哪一個框架，那么我推薦你選擇jQuery。這并非說其它框架不好，只是jQuery可能是最穩(wěn)妥和最具回報性的選擇。
2011-04-04
jquery 筆記事件
寫js已經有很久了，但是對js的詳細了解還是很膚淺的，這幾天在看jquery，在其中有一些新的發(fā)現和體會，記錄下來
2011-11-11