速财网
您的当前位置:首页JQuery入门——事件切换之hover()方法应用介绍_jquery

JQuery入门——事件切换之hover()方法应用介绍_jquery

来源:速财网


1、在JQuery中,有两个方法用于事件的切换,一个方法是hover(),另一个是toggle()。所谓切换事件,即有两个以上的事件绑定于一个元素,在元素的行为动作间进行切换。如一个超级链接标记若想实现当鼠标悬停时触发一个事件,鼠标移出时又触发一个事件,可以用切换事件轻松实现。

2、示例代码:
代码如下:




切换事件hover


$(function(){
$(".clsTitle").hover(function(){
$(".clsContent").show();
},
function(){
$(".clsContent").hide();
})
})


JQuery简介
JQuery是由美国人John Resig于2006年创建的一个开源项目,它的主旨是:以更少的代码,实现更多的功能



3、效果图预览:


当鼠标移动到JQuery简介时:

显示全文