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

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

 
 Text Text Text etc. 
  

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

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

Answer 1

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

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

Answer 2

首先，不要使用数字进行div ID

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

Answer 3

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

如果你去查看hoverfunction ，那么jQuery API文档就有你正在寻找的确切示例。 转到底部以获取示例。 调整您自己的代码。