jQuery:在两个元素上维持悬停
在这个问答内容中，您提到了 jQuery，它是一个流行的 JavaScript 库，用于简化 HTML 文档操作、事件处理、动画和 Ajax。jQuery 使得开发人员能够更快速、更轻松地编写 JavaScript 代码，同时保持代码的可读性和可维护性。
在这个问答内容中，您提到了在两个元素上维持悬停。要实现这个功能，您可以使用 jQuery 的 hover() 方法。这个方法允许您在一个元素上同时绑定鼠标进入和鼠标离开事件。当鼠标进入元素时，您可以在另一个元素上执行某些操作，例如显示或隐藏元素。
以下是一个简单的示例代码，演示如何在两个元素上维持悬停：
$(document).ready(function() {
$("#element1").hover(function() {
$("#element2").show();
}, function() {
$("#element2").hide();
});
});在这个示例代码中，当鼠标进入 #element1 元素时，#element2 元素将显示出来。当鼠标离开 #element1 元素时，#element2 元素将隐藏。
需要注意的是，jQuery 库需要在 HTML 文档中引用，才能使用其功能。您可以通过在 HTML 文档的 <head> 标签中添加以下代码来引用 jQuery：
这将引用 jQuery 的最新版本（在撰写本答案时）。
总之，要在两个元素上维持悬停，您可以使用 jQuery 的 hover() 方法来绑定鼠标进入和鼠标离开事件。这样，您可以在一个元素上悬停时执行操作，例如显示或隐藏另一个元素。
相关·内容
3回答
使用jQuery悬停，如何检查是否再次悬停在相同的元素上？假设我有两个盒子，悬停在盒子1上，然后向左，然后回来，停留在同一个盒子上。我想存储初始悬停元素的值(框1)，然后比较悬停时是否相同。
浏览 0提问于2012-04-13得票数 0
回答已采纳
3回答
我试图使它，以便当我悬停在我的一个链接在我的启动页面，它显示文本和其他按钮消失。然后，当你停止在它上盘旋时，元素就会再次出现。到目前为止我还没有什么想法。我想，对于其他元素，您必须不显示任何元素，但是当在另一个元素上盘旋时，我不知道hwo为其他元素显示任何元素。
浏览 6提问于2014-04-15得票数 1
回答已采纳
我想让下拉框的底部变圆，这是可行的：但是，我如何访问/调用选择器，它是在您滚动底部时创建的这段代码在所有的li.items上被调用悬停， .ui-state-focus,
.ui-widget-content
浏览 2提问于2011-10-18得票数 0
回答已采纳
我正在寻找一种方法，让我的jQuery代码，当我悬停在我的一个元素(.pdf)，改变另一个元素(.dl)的字体颜色为蓝色，然后当我停止悬停在我的第一个元素(.pdf)，第二个元素回到它原来的颜色。我设法使它工作起来，但我还必须有另一个jQuery代码，当我在第二个元素(.dl)上悬停时，我的第一个元素(.pdf)变成蓝色，然后在第二个元素
浏览 4提问于2013-06-04得票数 2
回答已采纳
1回答
我有两个page.Left元素在我的html侧div包含锚点的水平列表elements.Right侧div包含当前锚点元素的内容鼠标悬停在上面，它应该改变当我将鼠标悬停在链接上时出现在左侧div.When我将鼠标悬停在外面，最后一个项目的内容应显示在右侧div上。使用javascript或jquery有什么帮助吗？
浏览 1提问于2014-03-06得票数 0
3回答
我有两个<div>元素相互连接，我的意思是它们之间没有空间。<div id="box1">1</div>我有一个jQuery代码： console.log("Hovered") console.log("Not&
浏览 0提问于2020-10-08得票数 1
回答已采纳
我使用jQuery UI使一些元素可拖放。就像一个可排序的元素一样，当拖放元素时，我试图将拖放的元素左/右/上/上/下排列为一个悬停元素。另外，我想显示一个在悬停的另一个元素上的指示器，当元素被丢弃时，元素将被放置到其中。
其行为应该是，如果光标悬停在元素</em
浏览 0提问于2012-07-06得票数 1
回答已采纳
我使用Jquery UI " menu“API在应用程序中创建导航菜单。菜单可以很好地绘制和链接，当鼠标悬停在菜单上时，将应用自然的jquery ui css，为悬停的元素提供ui-state-focus类。当您将鼠标从元素上移开时，它会移除此类，从而使元素处于默认的未高亮显示状态。然而，当悬停任何其他元素时，此ui-state-active类将从活动元素</em
浏览 3提问于2013-03-06得票数 1
回答已采纳
jsFiddle地址：
基本上，我有一个由两个元素组成的无序列表:一个标题和几行文本。跨度在悬停时切换，但如果用户悬停过快，内容将被裁剪。我在jQuery中遗漏了什么，以确保这种情况不会发生，跨度总是隐藏或正确显示？
浏览 0提问于2011-05-01得票数 3
回答已采纳
在帖子上，我希望悬停元素只发生在正在悬停的缩略图(和子元素)上。相反，toggleclass发生在页面上的所有帖子上。你可以看到 jQuery( ".masonry-bp-list-inner" ).hover(function() {jQuery('.post_tit
浏览 1提问于2017-04-15得票数 0
2回答
我有一个自定义的标题/导航，其中我有两个元素，代表一个网站的两个部分。我想要能够悬停在其中一个元素，并显示一个特定的菜单。但是，菜单列表不是元素的子元素。所以我不能用CSS来做。菜单显示，我遇到的问题是当我悬停在元素上时。但是我移动鼠标在菜单上盘旋，一旦离开元素，菜单就消失了。我尝试在manu项中添加一个display:block，并运行一个.delay
浏览 4提问于2014-10-24得票数 0
回答已采纳
是否有可能通过悬停在属于另一个div的元素上来影响放置在div中的元素？ </nav>
<ul class="nav"> <li
浏览 1提问于2015-01-26得票数 0
回答已采纳
5回答
如何使用jQuery绑定并发事件
、、、、
如何在jQuery中将同步事件绑定到选择器？
我的意思不是如何捕捉某个元素上的点击或悬停，而是如何捕捉两个同时发生的事件。例如，鼠标悬停和按键，或者单击和按键，如shift+click等。
浏览 0提问于2011-10-27得票数 1
回答已采纳
我正在使用一个类来显示图像，并且我想以两种方式添加一个悬停效果。第一种情况是，如果我将鼠标悬停在图像上，过渡效果会显示标题和覆盖图像。
浏览 0提问于2014-08-27得票数 3
我正在尝试做一些我在像alltop.com这样的网站上看到的效果，那里有一个列表，当你将鼠标悬停在一个标题(溢出设置为隐藏)上时，你可以看到整个标题，整个列表不会移动，如下所示：
(注意:在工具提示类型效果中显示内容还有另一个效果wrapper"><h3><a href="">Lanza’s body found with ammo for even more carnage</a></h3></li&
浏览 0提问于2012-12-18得票数 0
3回答
目前，我有一些jQuery/Javascript代码，可以在用户将鼠标悬停在某些元素上时切换css类“ui-state-hovered”，我想用konacha编写一个测试来测试这段代码。在jQuery的帮助下，我如何用Javascript编写这个函数呢？如果用户将鼠标悬停在元素$('.someClass li:first')上，类'ui-state-hovered‘存在，则返回true。否则返回
浏览 117提问于2012-06-15得票数 25
2回答
当悬停#menu_button时，需要出现#菜单。但什么都没发生。我怎么才能解决这个问题？
浏览 2提问于2015-11-25得票数 1
回答已采纳
我有两个div元素，我在第一个div元素的鼠标上打开第二个div元素，然后在鼠标上关闭它。代码如下。 jQuery(jQuery(this).next('div')).slideDown();
})jQuery('.something'
浏览 6提问于2017-10-04得票数 1
回答已采纳
在使用JQuery在另一个元素上悬停时，是否有一种方法触发两个元素的悬停？<!<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery</
浏览 2提问于2013-12-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
