JQuery基础事件实现

   开发工具与关键技术:Visual Studio 2015  chick事件 鼠标移入移出事件
   作者: 李杨
   撰写时间:2019-01-18

Jquery是一个Javascript函数库。
jQuery是一个轻量级的“写的少,做的多”的javascript库。
jQuery库包含以下特性:
• HTML 元素选取
• HTML 元素操作
• CSS 操作
• HTML 事件函数
• JavaScript 特效和动画
• HTML DOM 遍历和修改
• AJAX
• Utilities
除此之外javascript还提供了量的插件。
jQuery函数库位于一个JavaScript文件中,其中包含了所有的jQuery函数。
可以通过标签引入到网页里如图:
在这里插入图片描述
然后我们可以来看看jQuery简单的点击事件:
Chick
在这里插入图片描述
下图是点击按钮的时候弹出显示窗口,点击一次鼠标就会触发chick()事件。
在这里插入图片描述
在这里插入图片描述
鼠标相关的事件都有这些:
Mousedown点击事件
当鼠标移动到元素上方,并按下鼠标键的时候,会触发mousedown事件。Mousedown与chick事件不同,mousedown事件仅需要按键被按下,而不需要松开即可发生。
当按下鼠标按钮的时候,隐藏或显示元素:
在这里插入图片描述
在这里插入图片描述

Mouseover鼠标移入事件就是当鼠标指针位于元素上方的时候,会触发mouseover事件。注意:与mouseenter事件不同的是,不论鼠标指针穿过被选元素或者其子元素,都会触发mouseover事件。
在这里插入图片描述
Mouseout鼠标移出事件,大多时候都是和mouseover事件一起使用。
在这里插入图片描述
Mouseenter事件当鼠标指针穿过元素的时候,会触发mouseenter 事件。该事件大多数时候会和mouseleave 事件一起使用。
在这里插入图片描述
Mouseleave 当鼠标指针离开元素的时候,会触发 mouseleave 事件。该事件大多数时候会与mouseenter 事件一起使用。
在这里插入图片描述
Moussemove当鼠标指针在指定的元素中移动的时候,就会触发 mousemove 事件。
Mouseup当在元素上放松鼠标按钮的时候,会触发 mouseup 事件。
在这里插入图片描述
jQuery的事件还有其他的很多就不一一去说了。

还有实现的一些jQuery效果,还有jQuery的属性等等。

在这里插入图片描述
在这里插入图片描述

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值