jquery hover使用方法介绍
概述
一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。
当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测（例如，处在div中的图像），如果是，则会继续保持“悬停”状态，而不触发移出事件（修正了使用mouseout事件的一个常见错误）。
参数
over,outFunction,FunctionV1.0
over:鼠标移到元素上要触发的函数
out:鼠标移出元素要触发的函数
outObjectV1.4
当鼠标移到元素上或移出元素时触发执行的事件函数
示例
over,out 描述:
鼠标悬停的表格加上特定的类
jQuery 代码:
$("td").hover( function () { $(this).addClass("hover"); }, function () { $(this).removeClass("hover"); } );out 描述:
hovre()方法通过绑定变量"handlerInOut"来切换方法。
jQuery 代码:
$("td").bind("mouseenter mouseleave",handlerInOut);
$("td").hover(handlerInOut);$("td").hover(
function () {
$(this).addClass("hover");
},
function () {
$(this).removeClass("hover");
}
);
<style type="text/css">
.hover {background:red};
</style>这里的addClass("hover")和removeClass("hover")里括号里的hover是不是只写hover ,写别的就不用，是不是这样的
首先回答是，不是必须是hover。
这个addClass里写hover是因为之前的CSS类选择器的名称是hover（就是.hover {background:red};）。这个名称可以改成别的。下边给你一个可以工作的代码：
<html>
<head>
<title>hover demo</title>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<style>
.myStyle {
background: red
}
;
</style>
</head>
<body>
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
<script>
$("td").hover(function() {
$(this).addClass("myStyle");
}, function() {
$(this).removeClass("myStyle");
});
</script>
</body>
</html>以上是jquery hover使用方法介绍的详细内容。更多信息请关注PHP中文网其他相关文章！
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
DirectX修复工具怎么用？DirectX修复工具详细使用方法
Mar 15, 2024 am 08:31 AM
DirectX修复工具是专业的系统工具，主要功能是检测当前系统的DirectX状态，如果发现异常就可以直接修复。可能还有很多用户不清楚DirectX修复工具怎么用吧，下面就来看看详细教程。 1、使用修复工具软件进行修复检测。 2、如果修复完成后提示C++组件存在异常的问题，请点击取消按钮，然后点击工具菜单栏。 3、点击选项按钮，选择扩展，点击开始扩展按钮。 4、扩展完成后再重新进行检测修复即可。 5、如果修复工具操作完成后仍未解决问题，可以尝试卸载重新安装报错的程序。
百度网盘怎么用-百度网盘的使用方法
Mar 04, 2024 pm 09:28 PM
有很多朋友还不知道百度网盘怎么用，所以下面小编就讲解了百度网盘的使用方法，有需要的小伙伴赶紧来看一下吧，相信对大家一定会有所帮助哦。第一步：安装好百度网盘后直接登录(如图所示);第二步：然后可根据页面提示选择“我的分享”和“传输列表”(如图所示);第三步：在“好友分享”里可以把图片和文件直接分享给好友(如图所示);第四步：接着选择“分享”后可勾选电脑文件或者网盘文件(如图所示);第五步：然后就可以寻找好友(如图所示);第六步：还可以在“功能宝箱”中寻找自己需要的功能(如图所示)。上面就是小编为大
KMS激活工具是什么？KMS激活工具怎么用？KMS激活工具使用方法？
Mar 18, 2024 am 11:07 AM
KMS激活工具是一种用于激活微软Windows和Office产品的软件工具。KMS是KeyManagementService的缩写，即密钥管理服务。KMS激活工具通过模拟KMS服务器的功能，使得计算机可以连接到这个虚拟的KMS服务器，从而实现对Windows和Office产品的激活。KMS激活工具体积小巧，功能强大，可以一键永久激活，无需联网状态就可以激活任何版本的window系统和任何版本的Office软件，是目前最成功的且经常更新的Windows激活工具，今天小编就给大家介绍一下kms激活工
potplayer怎么用-potplayer的使用方法
Mar 04, 2024 pm 06:10 PM
potplayer是一款非常强大的媒体播放器，但不少伙伴还不知道potplayer怎么用，今天小编就来详细介绍一下potplayer的使用方法，希望能帮助大家。1、PotPlayer快捷键PotPlayer播放器默认常用快捷键如下：(1)播放/暂停：空格(2)音量：鼠标滚轮，上下方向键(3)前进/后退：左右方向键(4)书签：P-添加书签，H-查看书签(5)全屏/还原：Enter(6)倍速：C-加速，X-减速，Z-复位(按一次调整0.1倍速度，可以在0.2到12倍速之间调节)(7)上/下一帧：D/
小马win7激活工具如何使用-小马win7激活工具使用的方法
Mar 04, 2024 pm 06:16 PM
相信很多用户都在使用小马win7激活工具，但是你们知道小马win7激活工具如何使用吗?接着，小编就带来了小马win7激活工具使用的方法，对此感兴趣的用户快来下文看看吧。第一步，在重装系统后，进入“”我的电脑，点击上方菜单中的“系统属性”，查看Windows激活状态。第二步，点击在网上下载win7激活工具，点击打开，(资源很多哪里都有)。第三步，打开小马激活工具后，点击“一件永久激活Windows”。第四步，等待激活程序完成激活。第五步，再次查看Windows激活状态，发现系统已经激活。
jQuery小技巧：快速修改页面所有a标签的文本
Feb 28, 2024 pm 09:06 PM
标题：jQuery小技巧：快速修改页面所有a标签的文本在网页开发中，我们经常需要对页面中的元素进行修改和操作。在使用jQuery时，有时候需要一次性修改页面中所有a标签的文本内容，这样可以节省时间和精力。下面将介绍如何使用jQuery快速修改页面所有a标签的文本，同时给出具体的代码示例。首先，我们需要引入jQuery库文件，确保在页面中引入了以下代码：<
三星S24ai功能详细介绍
Jun 24, 2024 am 11:18 AM
2024是AI手机的元年，越来越多的手机集成了多项ai功能，通过ai智能技术的赋能，让我们的手机使用更加高效便捷。近日，年初发布的GalaxyS24系列再度提升了其生成式AI的体验，下面下详细的功能介绍，一起来看看吧。一、生成式AI深度赋能三星GalaxyS24系列通过GalaxyAI的赋能，带来了诸多智能化应用，这些功能与SamsungOneUI6.1深度集成，让用户可以随时获得便利的智能体验，显着提升了手机的使用效率和便捷性。由GalaxyS24系列首创的即圈即搜功能是亮点之一，用户只需长按
使用jQuery修改所有a标签的文本内容
Feb 28, 2024 pm 05:42 PM
标题：使用jQuery修改所有a标签的文本内容jQuery是一款流行的JavaScript库，被广泛用于处理DOM操作。在网页开发中，经常会遇到需要修改页面上链接标签（a标签）的文本内容的需求。本文将介绍如何使用jQuery来实现这个目标，并提供具体的代码示例。首先，我们需要在页面中引入jQuery库。在HTML文件中添加以下代码：
