jQuery的live()方法對hover事件的處理示例
更新時間：2014年02月27日 14:50:53 作者：
一個模仿懸停事件的方法，當(dāng)鼠標(biāo)移動到一個匹配的元素上面時，會觸發(fā)指定的第一個函數(shù)
hover([over,]out)
一個模仿懸停事件（鼠標(biāo)移動到一個對象上面及移出這個對象）的方法
當(dāng)鼠標(biāo)移動到一個匹配的元素上面時，會觸發(fā)指定的第一個函數(shù)。
當(dāng)鼠標(biāo)移出這個元素時，會觸發(fā)指定的第二個函數(shù)。
$('.myDiv').hover(function() {
doSomething...
}, function() {
doSomething...
});
而問題是有些元素比如菜單是通過AJAX動態(tài)加載的，hover方法執(zhí)行的時候
菜單還沒加載出來呢，所以就要用到j(luò)query的另一個方法live()
.live() 方法能對一個還沒有添加進DOM的元素有效，是由于使用了事件委托：
綁定在祖先元素上的事件處理函數(shù)可以對在后代上觸發(fā)的事件作出回應(yīng)。
傳遞給 .live() 的事件處理函數(shù)不會綁定在元素上，
而是把他作為一個特殊的事件處理函數(shù)，綁定在 DOM 樹的根節(jié)點上。
$('.myDiv').live('hover',function(event){
if(event.type=='mouseenter'){
doSomething...
}else{
doSomething...
}
})
有的jquery版本響應(yīng)的是mouseenter和mouseleave
有的是mouseover和mouseout
待考證......
一個模仿懸停事件（鼠標(biāo)移動到一個對象上面及移出這個對象）的方法
當(dāng)鼠標(biāo)移動到一個匹配的元素上面時，會觸發(fā)指定的第一個函數(shù)。
當(dāng)鼠標(biāo)移出這個元素時，會觸發(fā)指定的第二個函數(shù)。
復(fù)制代碼 代碼如下:
$('.myDiv').hover(function() {
doSomething...
}, function() {
doSomething...
});
而問題是有些元素比如菜單是通過AJAX動態(tài)加載的，hover方法執(zhí)行的時候
菜單還沒加載出來呢，所以就要用到j(luò)query的另一個方法live()
.live() 方法能對一個還沒有添加進DOM的元素有效，是由于使用了事件委托：
綁定在祖先元素上的事件處理函數(shù)可以對在后代上觸發(fā)的事件作出回應(yīng)。
傳遞給 .live() 的事件處理函數(shù)不會綁定在元素上，
而是把他作為一個特殊的事件處理函數(shù)，綁定在 DOM 樹的根節(jié)點上。
復(fù)制代碼 代碼如下:
$('.myDiv').live('hover',function(event){
if(event.type=='mouseenter'){
doSomething...
}else{
doSomething...
}
})
有的jquery版本響應(yīng)的是mouseenter和mouseleave
有的是mouseover和mouseout
待考證......
您可能感興趣的文章:
相關(guān)文章
如果您想繼續(xù)使用原先的$()，同時還需要與別的類庫不沖突的話，下面由兩種方法，有類似需求的朋友可以參考下，希望對大家有所幫助2013-09-09
基于JSON格式數(shù)據(jù)的簡單jQuery幻燈片插件(jquery-slider)
jquery-slider幻燈片插件通過json數(shù)據(jù)來提供圖片地址和描述信息，同時也可以更換json數(shù)據(jù)來動態(tài)切換不同的圖片，對json數(shù)據(jù)jquery幻燈片插件相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2016-08-08
jquery預(yù)覽圖片實現(xiàn)鼠標(biāo)放上去顯示實際大小
本文為大家介紹的這個示例為jquery實現(xiàn)的預(yù)覽圖片，當(dāng)鼠標(biāo)放上去顯示實際大小，感興趣的朋友可以學(xué)習(xí)下2014-01-01
這篇文章主要介紹了jQuery接受后臺傳遞的List的實例詳解的相關(guān)資料,這里提供了前臺代碼和后臺代碼的實現(xiàn)，需要的朋友可以參考下2017-08-08
本篇文章主要介紹了Jquery-data的三種用法。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
本文通過一段實例代碼給大家介紹jquery實現(xiàn)下拉加載功能，代碼簡單易懂，需要的朋友參考下吧2016-04-04
jQuery 獲取對象 基本選擇與層級實現(xiàn)代碼，學(xué)習(xí)jquery的朋友可以參考下。2010-05-05
Handsontable 是一個相當(dāng)給力的 jQuery 插件，它實現(xiàn)了 HTML 頁面中的表格編輯功能，并且是仿 Excel 的編輯效果。2013-05-05
如果你還在猶豫是否要學(xué)習(xí)一個JavaScript框架，并困惑于選擇哪一個框架，那么我推薦你選擇jQuery。這并非說其它框架不好，只是jQuery可能是最穩(wěn)妥和最具回報性的選擇。2011-04-04
寫js已經(jīng)有很久了，但是對js的詳細(xì)了解還是很膚淺的，這幾天在看jquery，在其中有一些新的發(fā)現(xiàn)和體會，記錄下來2011-11-11