Javascript 如何在页面加载时隐藏div

好的，我正试图用Javascript在页面加载时消除一些

的缺陷，我还包括了jQuery。但这是我的密码

$(document).ready(function() {
  hide();
  function hide(){
    floorcontent = document.getElementById('floor_content').hidden = true;
    aboutcontent = document.getElementById('about_content').hidden = true;
    contactcontent = document.getElementById('contact_content').hidden = true;
    homecontent = document.getElementById('home_content').hidden = false;
  }
});

现在它什么都没做，但看起来不错，有什么想法吗

试试这个

$(document).ready(function() { 
  $('#floor_content').hide();
  $('#about_content').hide();
$('#contact_content').hide();
$('#home_content').hide();
});

---

如果您能为所有要隐藏的元素提供一个公共类，那就太好了。例如：

<div id="floor_content" class="tohide"></div>
<div id="about_content" class="tohide"></div>
//...

这样，动态添加/删除要隐藏的元素就更容易了。

您可以这样做

$(document).ready(function() { 
  $('#floor_content, #about_content, #contact_content, #home_content').hide();  
});

或

使用逗号添加要隐藏的

div

的所有

id

或

class

选中此项：

这是使用普通Javascript来隐藏。使用JQuery，您可以执行以下操作：

$(document).ready(function() {
  hide();
  function hide(){
    $('#floor_content, #about_content, #contact_content, #home_content').hide();
  }
});

---

只需将style=“display:none”添加到您想要隐藏的div中，为什么在JS中这样做？您的代码完全没有逻辑。阅读javascript函数和jqueryNo的基础知识，它看起来不正确。伙计们，我对javascript不熟悉。至少在大多数情况下，我正在完成这项工作。我才14岁，放松点。不幸的是，HahaThat无法处理我稍后要讨论的内容。另一个选项是

$（'div[id$=“content”]'）。hide（）

而不是

$（'.tohide'）。hide（）

$(document).ready(function() { 
    hide_div();
    function hide_div(){
          $('#floor_content, #about_content, #contact_content, #home_content').hide();  
    }
 });

$(document).ready(function() {
  hide();
  function hide(){
    document.getElementById('floor_content').style.display = 'none';
    document.getElementById('about_content').style.display = 'none';
    document.getElementById('contact_content').style.display = 'none';
    document.getElementById('home_content').style.display = 'none';
  }
});

$(document).ready(function() {
  hide();
  function hide(){
    $('#floor_content, #about_content, #contact_content, #home_content').hide();
  }
});