title: What does ">" mean in jQuery and how to use it?
body: <p>I'm new to jQuery code, and recently saw a code like this:</p>
  
  <pre><code>var $pages = $('#main &gt; div');
  </code></pre>
  
  <p>does that mean $pages will be the first div under #main or all the divs under #main?
  If I have the HTML code:</p>
  
  <pre><code>&lt;div id="main"&gt;
      &lt;div class="sub-div" id="1"&gt;1&lt;/div&gt;
          &lt;div id="1a"&gt;1a&lt;/div&gt;
      &lt;div class="sub-div" id="2"&gt;2&lt;/div&gt;
      &lt;div class="sub-div" id="3"&gt;3&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>so, will $pages be an array contain all 3 divs or only the first one?</p>
  
  <p>Additionally, can I use </p>
  
  <pre><code>var $pages = $('#main &gt; div &gt; div');
  </code></pre>
  
  <p>to get "1a" ?</p>
  
  <p>Many thanks!</p>