将jquery hover（）与mouseover和mouseout组合使用
默认情况下，hover()方法同时触发mouseenter（）和mouseleave（）事件。
但我们的任务是将hover（）与mouseover（）和mouseout（）一起使用。
我想让“部分”区域在鼠标移转时变成黄色，在鼠标移出时变成灰色。问题是，我的代码只触发mouseover（）事件，我不知道为什么。会有什么问题？
HTML代码
<!DOCTYPE html>
<html>
<head>
<title>Hover</title>
<link rel="stylesheet" href="style_events.css" />
</head>
<section id="one">
<h1>Part One</h1>
<p>yellow is mouseover, gray is mouseout</p>
</section>
<script src="jquery-1.11.0.js"></script>
<script src="hover.js"></script>
</body>
</html>
Jquery代码
$(document).ready(function() {
$("section").hover(
'mouseover', function() {
$("section").css("background-color", "yellow");
},
'mouseout', function() {
$("section").css("background-color", "gray");
});
});
共有1个答案
hover()事件已经包含两个事件mouseover和mouseout，您不需要另外指定这两个事件。按顺序指定两个函数就足够了，其中第一个函数作为mouseover，第二个函数作为mouseout。
null
$(document).ready(function () {
$("section").hover(
function () {
$("section").css("background-color", "yellow");
},
function () {
$("section").css("background-color", "gray");
}
);
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<section id="one">
<h1>Part One</h1>
<p>yellow is mouseover, gray is mouseout</p>
</section>-
本文向大家介绍javascript中mouseover、mouseout使用详解，包括了javascript中mouseover、mouseout使用详解的使用技巧和注意事项，需要的朋友参考一下 本文并没有像标题说的那样，真正阻止事件元素的子元素冒泡... 只是在子元素冒泡到事件元素处时进行了一个判断，判断是否要触发事件，哦...不对 应该是是否要运行事件函数中的相关操作... 首先你可以猛戳这里
-
问题内容： 我们将Robotium与一起用于测试。虽然如此，我们想用Robotium代替Espresso，但是我们仍然有一些疑问，因为我们有一台装有Jenkins的CI机器。 Espresso使用的是Robotium ，而Robotium使用的是第一个，我们希望能够同时使用两个测试框架。可能吗？我们如何在文件中指定呢？我们如何配置我们的詹金斯机器，以针对不同的测试框架执行不同的任务？ 我知道Esp
-
问题内容： 我试图了解Java java.security.Signature 类的作用。如果我计算一个SHA1消息摘要，然后使用RSA加密该摘要，则得到的结果与要求 Signature 类对同一事物进行签名的结果不同： 结果（例如）： 输入数据：这是正在签名的消息 摘要：62b0a9ef15461c82766fb5bdaae9edbe4ac2e067 密码文本：057dc0d2f7f54acc9
-
问题内容： 我正在使用Hibernate Validator 4.0.2，Spring 3.0和Hibernate 3.3.2（据我所知，是JPA2之前的版本）作为JPA 1提供程序。 我发现将Validator集成到MVC层很容易（这是可行的），但是看不到如何将验证器自动集成到JPA entityManager（JPA 1）中。 基本上，我有一些实体将保留下来，但它们不是来自Web层，因此尚未经
-
问题内容： 我是Python的新手，并且开始自学使用PyQT4.7和Python 2.6进行GUI编程（希望如此） 我刚刚从PyQT网站下载了整个PyQT / QT4软件包（包括QTDesigner），但是看起来QTDesigner看起来像个新手，因为每个小部件都看起来很棒（因为您可以看到所有属性/属性/默认设置等）编辑属性很棒，但是PyQT似乎没有设置QTDesigner与PyQT和PyQTs
-
在过去的8个月里，我们使用vue 3和类组件构建了一个项目，但似乎不再维护它，我们希望逐渐切换到组合API，更准确地说是切换到设置脚本语法。 我们目前正在使用vue3。0.0和vue类组件8.0.0。 我们的目标是，因为我们必须不断向项目添加新功能，开始使用composition API创建新组件，同时保留那些已经使用vue class component编写的组件。而且，在我们继续的过程中，我们