频道栏目
首页 > 程序开发 > web前端 > JavaScript > 正文
jQueryhover(over,out)事件的用法
2017-02-14 09:21:00         来源:mitongfan的博客  
收藏   我要投稿

hover(over,out)这是jQuery的一个模仿悬停事件,即当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测,如果是,则会继续保持“悬停”状态,而不触发移出事件。

参数

over (Function) : 鼠标移到元素上要触发的函数

out (Function) : 鼠标移出元素要触发的函数

jQuery 例子代码:

$('.single').hover(function(){
//鼠标放上去执行某动作
$(this).addClass('addclass');
},function(){
//鼠标移开的时候执行某个动作
$(this).removeClass('addclass');
});
});

从例子中不难看出,over(function)对应的是

function(){
//鼠标放上去执行某动作
$(this).addClass('addclass');
}

而out(function)对应的是

function(){
//鼠标移开的时候执行某个动作
$(this).removeClass('addclass');
}

 

点击复制链接 与好友分享!回本站首页
相关TAG标签 jQueryhover
上一篇:RequireJS学习笔记
下一篇:js创建、写入、读取文件。
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站