javascript - 使用 <Section> 标签制作加载页面

Question

除了次要基础知识之外，我对使用 html 和 css 还很陌生。我正在尝试为网站制作一个加载页面，但似乎找不到适合我的确切案例的示例。

这是我只想在加载时显示的 html:

<section id="hero">
      <div id="mast">
          <h1><img src="data:image/image/gif;base64/=" alt="bus" /></h1>
          <h2>Let's Travel</h2>
      </div>
      <div class="arrow"><a data-scroll data-speed="750" data-easing="easeInOutCubic" data-url="false" href="#navigation"><i class="fa fa-angle-down"></i></a></div>
</section>

我在 stackoverflow 上看到一个这样的 html 加载类的例子:

  <script src="js/jquery-1.12.3.min"></script>
    <script type="text/javascript">
        $(window).load(function() {
            $(".classname").fadeOut("slow");
        })
    </script>

是否可以通过 id 而不仅仅是一个 css 类加载一个部分？

Answer 1

在 jQuery 中，您可以使用 CSS 样式选择器。所以，如果我想从一个类中选择所有元素，我可以做 $('.classname') ，如果我想通过 id 选择一个元素:$('#idname') , 如果我想选择所有 <p>标签，我可以做 $('p') .见鬼，我可以全选 <bold> <p> 内的标签通过做标签 $('p > bold') .

无论如何，我会看一下 CSS 选择器是如何工作的，然后您现在将了解如何在 jQuery 中选择任何东西:https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Selectors

在您的情况下，我猜您想使用 $('#hero').fadeOut()