在jQuery中含有两个合成的事件,一个是hover()一个是toggele()方法,这两种方法都类似于roady()方法(关于roady的方法可参考本博客其他文章).hover()方法和toggle()方法都属于jQuery中自定义的方法。

今天咱们说一下hover()方法,下一篇文章再说一说toggle方法!

jQuery中的hover()方法

hover()方法:此方法用于模拟鼠标或光标的悬停事件,当光标/鼠标移动到元素上时触发第一个函数,当光标/鼠标离开时触发第二个函数!

语法

$(select).hover(enter,leave);

注:

enter:鼠标/光标移动到元素上触发的函数

leave:鼠标/光标离开时触发的函数

举例说明:

利用JQ的hover()方法来改变网页的背景色

jQuery中的hover()方法解析与实例

HTML代码

<button id='button'>点我测试</button>

JQ代码

$("#button").hover(function(){
        $("body").css("background","red");
    },function(){
        $("body").css("background","green");
})

结果:

鼠标移上去,背景包为红色

jQuery中的hover()方法解析与实例

鼠标移开,背景色为绿色

jQuery中的hover()方法解析与实例

小编辑有话说

关于jQ中的hover()方法,在一些文档中是查不到的,就连W3C上也没找有找到此方法,另外hover()方法使用和解释来源自锋利的jQuery这本书,感谢此书的作者

另外本站的一些资源者是博主和小编一点点编写而来,可以部份借助于其它文档,如果喜欢本站的资源,还请大家打赏一下,如果转载的话,请注明来源地址。小编在此谢过了。。