Javascript 更改前检查样式？

我有一个菜单，只有当用户在主页上时，我才会显示一些内容。每次单击任何菜单项时都会运行此条件。如果用户单击其他菜单项，我不想显示此内容。我试图防止JavaScript从HTML中来回移动。这是不是太过分了

例如：

if(pageNumber === home) {
    $('#content').css({'display':'block'});
} else if($('#content').css('display') !== 'none') {
    $('#content').css({'display':'none'});
}

---

您只需使用

切换

方法即可：

$('#content').toggle(pageNumber === home);

---

很好的建议，我不知道你可以通过一个真/假条件切换。但是我很好奇…运行样式检查是否会进入html以获得该值？或者它存储在document.getElementById中？我不太确定你在问什么，你关心性能吗？没错，我的问题是关于性能的。我相信我在这里找到了一个答案：最终，我想知道在设置样式之前检查样式是否过度。在大多数情况下，如果您应用的样式非常昂贵（如渐变），那么检查样式是否过度。通常，大部分成本都是查找元素并将其包装为jQuery对象，如果要检查样式是否存在，则必须执行此操作。是否可以只绑定主菜单按钮上的单击事件？主页按钮和其他导航链接之间有什么区别吗？应该作为评论发布。我已经有一个绑定到元素的事件。我希望尽可能简单，并防止多个事件绑定到一个元素……如果可能的话，甚至是可能的。@JustinBoyd我不建议将多个绑定事件绑定到一个元素。我建议为特定的主页菜单项绑定一个事件处理程序。你能展示一下你是如何创建菜单的吗。