栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

jQuery实现单击和鼠标感应事件

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

jQuery实现单击和鼠标感应事件

1.实现单击事件动态交替

之前我们讲到了toggleClass(),对于单击事件而言,jQuery同样提供了动态交替的toggle()方法,这个方法接受两个参数,两个参数均为监听函数,在click事件中交替使用。

例子:点击事件的动态交互。

复制代码 代码如下:

        11

2.实现鼠标感应

在css中可以利用:hover伪类实现样式的改版,实现单独的css样式,在jQuery引入后,几乎所有的元素都可以用hover()来感应鼠标。并且可以制作更复杂的效果。其本质是mouseover和mouseout事件的合并
hover(over,out)方法可接受两个参数,均为函数。第一个是鼠标移动到元素上面触发,第二个是鼠标移出元素时触发。

复制代码 代码如下:

        11

与第一个例子相比,只是把toggle()换成了hover().

受wenzi0_0指导,写几个关于toggle()的小例子

1.常规的应用

复制代码 代码如下:

        11
        122

2.css属性

复制代码 代码如下:

        11
        122

本文就先到这里了,小伙伴们是否对jQuery鼠标事件有新的认识了呢,希望小伙伴们能够喜欢。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/104151.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号