jQuery鼠标事件:click、dbclick、mousedown、mouseup、mouseover、mouseout

news/2024/7/10 23:36:09 标签: jQuery, 鼠标事件

jQuery鼠标事件列表:
1、click 单击事件 ;
2、dbclick 双击事件;
3、mousedown 鼠标按下事件;
4、mouseup鼠标弹起事件;
5、mouseenter 鼠标进入事件 ;
6、mouseleave 鼠标离开事件;
举例:
HTML代码:在这里插入图片描述
CSS代码: 在这里插入图片描述
click:第一个按钮的点击事件
$(“button:eq(0)”).click(function () {
alert(“jQuery鼠标事件之click单击事件”);
});
结果: 在这里插入图片描述
dbclick:第二个按钮的点击事件
$(“button”).eq(1).dblclick(function () {
alert(“jQuery鼠标事件之dblclick双击事件”);
});
结果: 在这里插入图片描述
mousedown:第三个按钮的mousedown事件
$(“button”).eq(2).mousedown(function () {
alert(“jQuery鼠标事件之mousedown事件”);
});
结果: 在这里插入图片描述
mouseup:第四个按钮的mouseup事件
$(“button”).eq(3).mouseup(function () {
alert(“jQuery鼠标事件之mouseup事件”);
});
结果: 在这里插入图片描述
mouseover:第五个按钮的mouseover事件
$(“button”).eq(4).mouseover(function () {
alert(“jQuery鼠标事件之mouseover事件”);
});
结果: 在这里插入图片描述
mouseover:第六个按钮的mouseover事件
$(“button”).eq(5).mouseout(function () {
alert(“jQuery鼠标事件之mouseout事件”);
});
结果: 在这里插入图片描述


http://www.niftyadmin.cn/n/1521449.html

相关文章

# 低功耗蓝牙_Ble低功耗蓝牙和蓝牙mesh网络之间的关系

一、低功耗蓝牙和蓝牙mesh的关系:蓝牙mesh并非无线通信技术,而是一种网络技术。蓝牙mesh网络依赖于低功耗蓝牙。低功耗蓝牙技术是蓝牙mesh使用的无线通信协议栈。低功耗蓝牙设备可以设置成广播模式,以无连接方式进行工作,其广播的…

Oracle数据库中的Select关键字解析

Oracle数据库中的Select关键字,大家并不陌生,每个查询语句都会有它的出现,并且是首单词,然而有些人会用不会说,不懂它的意义或者意思; Select:翻译就是选择的意思,是查询语句中最关键…

es的链接老是断开怎么办_iphone11热点自动断开怎么办?iPhone热点无法连接WIFI的解决方法...

平时大家在移动办公时,身边也不会随时随地都有路由器提供的WIFI网络使用,但如果你在没有宽带或者WiFi 的环境下把自己多余的流量分享给身边的朋友。那么我们是可以打开iphone11的个人热点让其它设备使用的。但是部分网友在使用热点过程中出现自动断开的情…

Oracle之Avg、Count、Max、Min、Sum的使用方法

Avg、Count、Max、Min、Sum这些都属于聚合函数,也可以叫分组函数;分组函数:聚合函数对一组数据中的某个要执行计算的列进行返回单一的值。该些聚合函数可以忽略空值,经常与 SELECT语句的 GROUP BY 子句一起使用,因此有…

maven工程打包老是报错_eclipse maven工程打包失败

报错如下:Maven install失败Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.1:compile (default-compile) on project autotest_fchtgl: Compilation failure[ERROR] No compiler is provided in this environment. Perhaps you are run…

Oracle数据库通用数据类型

数据类型:定义表列中存放的值的种类;也就是说当建表的时候,每个列都会定义相应的数据类型,数据类型是一个标签,是便于Oracle数据库明白了解每个列所希望存储什么类型的数据的指南,它这样也标识了 Oracle如何…

centos vscode安装到指定目录_小白学习--yum源的本地安装

在学习Linux时,常常需要进行软件的安装,除了rpm的按装方法以外,更加快捷的方法还是yum安装更加方便和快捷。YUM(yellow updater modified)适用于centos、Fedora、Redhat主要用于管理rpm包,于rpm工具使用范围类似。yum工具能够从指…

接口结构_「手把手教python3接口自动化」:非结构化数据提取(二)

「第十三章」 非结构化数据提取(二)13.3 lxml 库lxml 是 一个HTML/XML的解析器,主要的功能是如何解析和提取 HTML/XML 数据。lxml和正则一样,也是用 C 实现的,是一款高性能的 Python HTML/XML 解析器,我们可以利用之前学习的XPath…