如何使用jQuery将鼠标悬停在同一组中的一个div上时隐藏所有其他div？

我有一个类似DIVS的组DIV,就像那样：

<div id="group">

    <div class="item">
    </div>

    <div class="item">
    </div>

    <div class="item">
    </div>

    <div class="item">
    </div>

</div>

我想要得到的是当我悬停在一个.item上时 – 我想将组中其他.item(#group)的不透明度更改为0.4但不是我正在徘徊的那个.如果我有不同数量的项目,是否有任何简单的jQuery解决方案？

See Opacity

.item:not(:hover)
{
    opacity:0.4;
}

对于IE8及更早版本添加： – 过滤器：Alpha(不透明度= 40)

有关支持Hover :not,请参见底部