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遮罩层的动态创建与使用技巧,需要的朋友可以参考下2016-09-09
jquery ajax的success回调函数中实现按钮置灰倒计时
实现异步手机发送短信成功之后在ajax的success回调中实现将发送按钮置灰并倒计时，具体的实现示例如下，喜欢的朋友可以研究下2013-11-11
下面小编就为大家带来一篇有关jquery与DOM节点操作方法和属性记录。小编觉得挺不错的，现在分享给大家，也给大家做个参考2016-04-04
接下来将从前台提交查询条件，从MSSQL返回json数据的一个事例来讲解一下datagrid动态查询数据，感兴趣的你可不要错过了哈，希望本文可以帮助到你2021-09-09
这篇文章主要介绍了jQuery可见性过滤选择器用法,结合实例形式分析了jQuery针对元素hidden属性的过滤操作相关技巧,需要的朋友可以参考下2016-09-09
我们在本文中用到一个Ajax表单提交插件：jqery.form.js，有高人修改了几行代码并改名为：jquery.wallform.js，直接拿来用。下面我们就来看看这款神奇的jQuery插件吧。2015-03-03
下面小编就为大家带来一篇jquery解析XML及获取XML节点名称的实现代码。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了jQuery读取XML文件的方法,结合实例形式分析了jQuery基于ajax针对xml文件的读取操作相关技巧,需要的朋友可以参考下2017-02-02
jQuery弹出下拉列表插件（实现kindeditor的@功能）
这篇文章主要介绍了jQuery弹出下拉列表插件（实现kindeditor的@功能）的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-08-08
何为页面 Mask (遮罩)？看过 jQuery 的 Lightbox 插件的一定不会陌生。就是在页面上建一个透明层遮盖住页面的全部内部。2010-01-01
最新评论