你好,欢迎访问我的博客!登录 评论排行榜 领券购物 免责声明 投稿本站 本站主题
当前位置:首页 - 笔记 - JS/JQ - 正文 代码,改变世界!

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

2018-02-07JS/JQ墨初571°c
A+ A-

在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这本书,感谢此书的作者

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

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
jQuery中的hover()方法解析与实例

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>


朱绪博客
时间:2018-02-07 20:06:14

博主果然很用心在做这个博客,当初的收藏没有白费,我们这些读者真的是受益匪浅,我相信在博主的一篇又一篇高质量博文下,我的网站会越来越漂亮的,用户体验会越来好的!

  用户登录