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()

从<section>标签中创建加载页面

1 个答案: