jQuery的live()方法对hover事件的处理示例
更新时间：2014年02月27日 14:50:53 作者：
一个模仿悬停事件的方法，当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数
hover([over,]out)
一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法
当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。
当鼠标移出这个元素时，会触发指定的第二个函数。
$('.myDiv').hover(function() {
doSomething...
}, function() {
doSomething...
});
而问题是有些元素比如菜单是通过AJAX动态加载的，hover方法执行的时候
菜单还没加载出来呢，所以就要用到jquery的另一个方法live()
.live() 方法能对一个还没有添加进DOM的元素有效，是由于使用了事件委托：
绑定在祖先元素上的事件处理函数可以对在后代上触发的事件作出回应。
传递给 .live() 的事件处理函数不会绑定在元素上，
而是把他作为一个特殊的事件处理函数，绑定在 DOM 树的根节点上。
$('.myDiv').live('hover',function(event){
if(event.type=='mouseenter'){
doSomething...
}else{
doSomething...
}
})
有的jquery版本响应的是mouseenter和mouseleave
有的是mouseover和mouseout
待考证......
一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法
当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。
当鼠标移出这个元素时，会触发指定的第二个函数。
复制代码 代码如下:
$('.myDiv').hover(function() {
doSomething...
}, function() {
doSomething...
});
而问题是有些元素比如菜单是通过AJAX动态加载的，hover方法执行的时候
菜单还没加载出来呢，所以就要用到jquery的另一个方法live()
.live() 方法能对一个还没有添加进DOM的元素有效，是由于使用了事件委托：
绑定在祖先元素上的事件处理函数可以对在后代上触发的事件作出回应。
传递给 .live() 的事件处理函数不会绑定在元素上，
而是把他作为一个特殊的事件处理函数，绑定在 DOM 树的根节点上。
复制代码 代码如下:
$('.myDiv').live('hover',function(event){
if(event.type=='mouseenter'){
doSomething...
}else{
doSomething...
}
})
有的jquery版本响应的是mouseenter和mouseleave
有的是mouseover和mouseout
待考证......
相关文章
如果您想继续使用原先的$()，同时还需要与别的类库不冲突的话，下面由两种方法，有类似需求的朋友可以参考下，希望对大家有所帮助2013-09-09
基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)
jquery-slider幻灯片插件通过json数据来提供图片地址和描述信息，同时也可以更换json数据来动态切换不同的图片，对json数据jquery幻灯片插件相关知识感兴趣的朋友一起学习吧2016-08-08
本文为大家介绍的这个示例为jquery实现的预览图片，当鼠标放上去显示实际大小，感兴趣的朋友可以学习下2014-01-01
这篇文章主要介绍了jQuery接受后台传递的List的实例详解的相关资料,这里提供了前台代码和后台代码的实现，需要的朋友可以参考下2017-08-08
本篇文章主要介绍了Jquery-data的三种用法。具有很好的参考价值。下面跟着小编一起来看下吧2017-04-04
本文通过一段实例代码给大家介绍jquery实现下拉加载功能，代码简单易懂，需要的朋友参考下吧2016-04-04
jQuery 获取对象 基本选择与层级实现代码，学习jquery的朋友可以参考下。2010-05-05
Handsontable 是一个相当给力的 jQuery 插件，它实现了 HTML 页面中的表格编辑功能，并且是仿 Excel 的编辑效果。2013-05-05
如果你还在犹豫是否要学习一个JavaScript框架，并困惑于选择哪一个框架，那么我推荐你选择jQuery。这并非说其它框架不好，只是jQuery可能是最稳妥和最具回报性的选择。2011-04-04
写js已经有很久了，但是对js的详细了解还是很肤浅的，这几天在看jquery，在其中有一些新的发现和体会，记录下来2011-11-11
最新评论