最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

jQuery的live()方法对hover事件的处理示例_jquery

来源:动视网 责编:小采 时间:2020-11-27 21:20:17
文档

jQuery的live()方法对hover事件的处理示例_jquery

jQuery的live()方法对hover事件的处理示例_jquery:hover([over,]out) 一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。 当鼠标移出这个元素时,会触发指定的第二个函数。 代码如下: $('.myDiv').hover(functio
推荐度:
导读jQuery的live()方法对hover事件的处理示例_jquery:hover([over,]out) 一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。 当鼠标移出这个元素时,会触发指定的第二个函数。 代码如下: $('.myDiv').hover(functio


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
待考证......

文档

jQuery的live()方法对hover事件的处理示例_jquery

jQuery的live()方法对hover事件的处理示例_jquery:hover([over,]out) 一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。 当鼠标移出这个元素时,会触发指定的第二个函数。 代码如下: $('.myDiv').hover(functio
推荐度:
标签: 事件 jQuery hover
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top