Question

我在页面布局中有以下JS（运行RoR）：

<script>
  $(document).ready(function() {
    document.getElementById('1').style.display = 'none';
    document.getElementById('2').style.display = 'none';
    document.getElementById('3').style.display = 'none';
    document.getElementById('4').style.display = 'none';
    document.getElementById('5').style.display = 'none';
    });
</script>

我试图在页面加载时隐藏5 div但似乎无法使其工作。我可以使用JS或JQuery。我也试过这个：

$(window).load(function() {
  ...js code...
});

仍然无法让它在页面加载时隐藏div。

我需要在JS中写一下div并隐藏id 1..5？

Answer 1

首先，我们不建议id以数字开头。只是兼容性问题，请不要问我。

其次，您的代码特别多余，它使id的目的无效。使用一个普通的类或更少的冗余，只需将它们全部嵌入容器中并抓住所有孩子。

<div id="container">
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</div>

$(document).ready(function(){
  $("#container div").hide();
});

致电.show和.hide切换display: none CSS属性。

Answer 2

如果你使用jQuery就行了

$(document).ready(function() {
   $("id").hide()
});

在页面加载时按ID隐藏DIV

2 个答案: