JQuery入门——事件切换之hover()方法应用介绍
更新时间：2013年02月05日 16:03:42 作者：
谓切换事件，即有两个以上的事件绑定于一个元素，在元素的行为动作间进行切换,有两个方法用于事件的切换，一个方法是hover()，另一个是toggle(),感兴趣的朋友不妨了解下,或许对你有所帮助
1、在JQuery中，有两个方法用于事件的切换，一个方法是hover()，另一个是toggle()。所谓切换事件，即有两个以上的事件绑定于一个元素，在元素的行为动作间进行切换。如一个超级链接标记<a>若想实现当鼠标悬停时触发一个事件，鼠标移出时又触发一个事件，可以用切换事件轻松实现。
2、示例代码：
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>切换事件hover</title>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
$(".clsTitle").hover(function(){
$(".clsContent").show();
},
function(){
$(".clsContent").hide();
})
})
</script>
</head>
<body>
<div class="clsTitle">JQuery简介</div>
<div class="clsContent">JQuery是由美国人John Resig于2006年创建的一个开源项目，它的主旨是：以更少的代码，实现更多的功能</div>
</body>
</html>
3、效果图预览：
当鼠标移动到JQuery简介时：
相关文章
这篇文章主要介绍了jquery复选框多选赋值给文本框的方法,涉及jQuery相关选择器的使用技巧,需要的朋友可以参考下2015-01-01
这篇文章主要为大家详细介绍了基于jquery实现三级下拉菜单的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-05-05
jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】
这篇文章主要介绍了jQuery插件FusionCharts实现的MSBar3D图效果,结合完整实例形式分析了jQuery使用FusionCharts载入xml数据绘制MSBar3D图的相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-03-03
这篇文章主要介绍了使用jquery组件qrcode生成二维码及应用指南,非常全面实用，需要的朋友可以参考下2015-02-02
这篇文章主要为大家详细介绍了jQuery无缝轮播图代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
这篇文章主要介绍了jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作,结合实例形式分析了jQuery+Ajax请求json格式数据并渲染到html页面相关步骤与操作技巧,需要的朋友可以参考下2020-06-06
基于JQUERY的两个ListBox子项互相调整的实现代码，需要的朋友可以参考下。2011-05-05
本篇文章是对jQuery中的折叠面板进行了详细的分析介绍，需要的朋友参考下2013-06-06
禁止选中文字在某些时候还是蛮有必要的，比如不想让他人复制自己的文章之类的，下面为大家介绍下具体的实现方，而且兼容目前主流浏览器2013-09-09
JQueryEasyUI框架下的combobox的取值和绑定的方法
这篇文章主要介绍了JQueryEasyUI框架下的combobox的取值和绑定的方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-01-01
最新评论