Question

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

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

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

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

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

Answer 1

首先，不要使用div id的数字

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

Answer 2

是的，你是对的。你需要一些jQuery才能完成你想要做的事情。

如果您去查看hover function，jQuery API文档会提供您正在寻找的确切示例。转到底部以获取示例。调整你自己的代码。

Answer 3

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

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

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

3 个答案: