Erstellen einer Lade-Seite aus <Section> Tag

Question

Ich bin ziemlich neu in der Verwendung von HTML und CSS über die Nebengrundlagen hinaus. Ich versuche eine Lade-Seite für eine Webseite zu erstellen und finde kein Beispiel für meinen genauen Fall.

Hier ist der HTML Ich möchte nur auf Laden zeigen:

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

ich ein Beispiel auf Stackoverflow Belastungsklasse von html wie folgt gesehen:

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

Gibt es einen Abschnitt zu haben, weg Laden mit der ID statt nur einer CSS-Klasse?

Answer 1

In jQuery können Sie CSS-Stilselektoren verwenden. Also, wenn ich alle Elemente aus einer Klasse auswählen möchte, kann ich $('.classname') tun, wenn ich ein Element nach ID auswählen möchte: $('#idname'), wenn ich alle <p> Tags auswählen möchte, könnte ich $('p') tun. Hölle, ich könnte alle <bold> Tags innerhalb <p> Tags indem ich $('p > bold') wählen.

Wie auch immer, würde ich einen Blick auf, wie CSS-Selektoren arbeiten, und dann werden Sie jetzt, wie alles in jQuery wählen: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Selectors

In Ihrem Fall, ich bin zu raten Sie $('#hero').fadeOut()

verwenden möchten