将鼠标悬停在另一个 div 上时更改 Div 属性？

发布于 2024-10-07 05:07:46 字数 303 浏览 1 评论 0原文

所以基本上这就是我将要做的：

<div id="1">
<div id="top"></div>
Text
Text
Text 
etc.

<div id="bottom"></div>
</div>

我将如何去做以下事情：如果有人将鼠标悬停在 div“1”（整个容器 div）上，请更改“底部”div（并且仅该底部 div）的属性，例如添加一个名为“over”的类。

我确信有一种方法，但我猜它需要使用 jquery 之类的东西。

原文

So basically this is what I'm going to have:

<div id="1">
<div id="top"></div>
Text
Text
Text 
etc.

<div id="bottom"></div>
</div>

How would I go about doing the following:
If someone hovers over div "1" (the entire container div) change the property of the "bottom" div (and only that bottom div) such as adding a class called "over".

I'm sure there's a way however I'm guessing it would need to use something such as jquery.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

傾城如夢未必闌珊 2024-10-14 05:07:46

如果你有 jquery，那么它非常简单（这对我有用）：

$('#1').hover( function() {
    $('#bottom').addClass('over');
})

If you have jquery, then it is pretty simple (this worked for me):

$('#1').hover( function() {
    $('#bottom').addClass('over');
})

回复收藏 0 原文

层林尽染 2024-10-14 05:07:46

首先，不要使用数字作为 div id

$("#id").hover( //mouseover id
  function () {
  $("#bottom").addClass('classname') // this function is for mouse over
  }, 
  function () {
 // this is for mouse out
  }
);

First thing is don't use numbers for div ids

$("#id").hover( //mouseover id
  function () {
  $("#bottom").addClass('classname') // this function is for mouse over
  }, 
  function () {
 // this is for mouse out
  }
);

回复收藏 0 原文