javascript - 使用 jQuery 隐藏侧边栏

Question

如何通过这样的调用隐藏我的侧边栏 div:

<script>
  hideSidebar();
</script>

我的侧边栏 HTML:

<div class="sidebar">
  <h1>Content</h1>
  <p>Content</p>
</div>

Answer 1

如果它是纯JavaScript，则可以使用Element.style.display:

<div class="sidebar">
  <h1>Content</h1>
  <p>Content</p>
</div>

<script>
  function hideSidebar() {
    document.getElementsByClassName("sidebar")[0].style.display = "none";
  }
  hideSidebar();
</script>

如果您使用jQuery，您可以:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="sidebar">
  <h1>Content</h1>
  <p>Content</p>
</div>

<script>
  function hideSidebar() {
    $(".sidebar").hide();
  }
  hideSidebar();
</script>