如何在鼠标移入一个div时清除其它div的css样式

Question

如图左边是一行行的展示框，每个展示框为一个div，右边的为一个隐藏框，鼠标每移入一个展示框时，该框背景颜色改变，同时隐藏框显示。

如何在鼠标移入一个展示框的div时清空鼠标在上一个展示框div所触发的css样式。但不影响当前的展示框的div获得css样式?

script 代码：

Answer 1

在mousein函数里，利用jquery的属性选择器找到有这个类的元素后再移除，建议把鼠标移入的效果和默认的效果写在一个css类里面，然后用jQuery的addClass和removeClass方法会方便很多。