无法删除JavaScript隐藏的类

我想在加载时隐藏一个div并在单击按钮时显示它，但我得到的结果是该div只显示了一小段时间，然后再次隐藏。我是否正确使用CSS类，或者

display:none有什么特别之处

HTML





CSS

.hid{
显示：无；
}



JS


//jquery已加载
$（文档）.ready（函数（）{
$（'#message.btn user'）。单击（函数（）{
$（'#message.item user'）.removeClass（'hid'）；
});
});
您需要使用以防止锚的默认操作：

$('#message .btn-user').click(function(e){
    e.preventDefault();
    $('#message .item-user').removeClass('hid');
});

使用此

为了

否则，如果您不想删除href

链接
将锚定标记“href”attr更新为“javascript:void（0）；”。这将阻止默认操作，并让它使用JavaScript管理该操作

或者你可以跟我一起去


这也可以做同样的事情，但您将在javascript函数中处理操作。
您能提供一个JSFIDLE吗？问题正如Felix所捕获的，他的答案很有效@RobinvdAIt不是一个很好的答案，因为你没有解释OP为什么应该这样做。@AvinashGarg:或者两者没有区别，所以当你看到一个正确的答案时，请支持它，或者如果你有一个改进的答案，你可以发布它，否则你应该支持正确的答案answer@SajadLfc我还没有看到前面的答案。。好吧，我的回答不好，因为现在没有解释了，没问题……它起作用了，酷。我想提供一些我的代码背景。我使用的是引导，按钮可以用标记“a”或“button”来定义，这就是我遇到这个问题的原因。你能解释一下为什么当我点击它时，它会先显示一秒钟然后消失吗？因为按钮的href是空的，页面会重新加载。因此，当您单击按钮时，首先删除类
$（'#message.item user'）。removeClass（'hid'）然后重新加载页面<代码>e.preventDefault（）防止元素的默认行为
<div id="message">
    <div class="item-user hid">
        <a href="">something</a> 
    </div>

    <a class="btn-user" href="">button</a>
</div>

  **Prevent a submit button from submitting a form**