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

基本上这就是我要做的：

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

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

正文
正文
正文
等

我将如何进行以下操作： 如果有人将鼠标悬停在div“1”（整个容器div）上，请更改“bottom”div的属性（并且只更改该bottom div），例如添加一个名为“over”的类

---

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

第一件事是不要将数字用于div id

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

---

是的，你说得对。您需要一些jQuery来完成您想要做的事情

---

jQueryAPI文档中有一个您正在寻找的示例，如果您去查看。下面是一个例子。根据您自己的代码进行调整。

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

---

hover是一种很好的同时处理mouseover和mouseout的方法。看看这个api，它只是使用div id的数字作为例子。

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