如何在document.ready javascript上的html之后改变html

Question

我需要在文档就绪后更改html（隐藏或显示元素），但是，只需执行：

$(document).ready(function(){
$('#element').hide();
});

导致document.ready被重复调用...我应该只使用一个名为= true的布尔值，然后只调用element.hide（）如果alled == false？或者有更好的方法吗？感谢...

Answer 1

如果你想隐藏元素，你只能通过css #element: display: none;

来实现

如果要在点击时显示/隐藏特定项目，可以使用.toggle(speed,easing,callback)方法，例如： $('#element').toggle();

希望这有帮助。

Answer 2

如果你的问题是在一段时间之后隐藏element并且在页面加载时没有隐藏它，你可以像这样使用jQuery setTimeout

setTimeout(function(){
    $("#element").hide()
}, 3000);

这将在页面加载后隐藏element 3秒