Javascript 自举悬停

是否可以在引导框架上简单地执行以下操作

例如，有几个按钮，当其中一个悬停时，其他按钮变为浅灰色或其他颜色。很抱歉，我在w3学校或网络上找不到它

应该使用javascript吗

---

谢谢

我使用jquery来实现功能

HTML

---

不使用javascript也可以：

---

您可以根据需要定义这些样式。

不，这是不可能的。使用您自己的javascript代码执行此操作。：）回答得好，谢谢！但是我认为在这个问题上使用简单的css会更好：D

<button class="default">Default</button>
<button class="default">Submit</button>
<button class="default">Delete</button>
<button class="default">Blue Pill</button>

</div>

$(document).ready(function(){
    $("button").mouseenter(function(e){
        $("button").each(function(){
            if($(e.target).text() != $(this).text()){ 
        $(this).addClass('defaulta');
            }
        });

    });
    $("button").mouseleave(function(){
        $("button").each(function(){
        $(this).removeClass('defaulta');
        });

    });
});

.wrapper:hover .default {
    opacity: .5;   
}
.wrapper .default:hover {
    opacity: 1;
}