JQuery入门——事件切换之hover()方法应用介绍_jquery
来源:动视网
责编:小采
时间:2020-11-27 21:07:14
JQuery入门——事件切换之hover()方法应用介绍_jquery
JQuery入门——事件切换之hover()方法应用介绍_jquery:1、在JQuery中,有两个方法用于事件的切换,一个方法是hover(),另一个是toggle()。所谓切换事件,即有两个以上的事件绑定于一个元素,在元素的行为动作间进行切换。如一个超级链接标记若想实现当鼠标悬停时触发一个事件,鼠标移出时又触发一个事件,可以用切
导读JQuery入门——事件切换之hover()方法应用介绍_jquery:1、在JQuery中,有两个方法用于事件的切换,一个方法是hover(),另一个是toggle()。所谓切换事件,即有两个以上的事件绑定于一个元素,在元素的行为动作间进行切换。如一个超级链接标记若想实现当鼠标悬停时触发一个事件,鼠标移出时又触发一个事件,可以用切

1、在JQuery中,有两个方法用于事件的切换,一个方法是hover(),另一个是toggle()。所谓切换事件,即有两个以上的事件绑定于一个元素,在元素的行为动作间进行切换。如一个超级链接标记若想实现当鼠标悬停时触发一个事件,鼠标移出时又触发一个事件,可以用切换事件轻松实现。
2、示例代码:
代码如下:
切换事件hover script>
$(function(){
$(".clsTitle").hover(function(){
$(".clsContent").show();
},
function(){
$(".clsContent").hide();
})
})
script>
JQuery简介
JQuery是由美国人John Resig于2006年创建的一个开源项目,它的主旨是:以更少的代码,实现更多的功能
3、效果图预览:

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