title: jQuery first level children selector best way
body: <p>What is the best (most productive, less CPU-loading) way to select certain children from ancestor with jQuery? </p>
  
  <p>Let's imagine that we have:</p>
  
  <pre><code>&lt;div&gt;
   &lt;b&gt;1&lt;/b&gt;
   &lt;p&gt;2&lt;/p&gt;
   &lt;a&gt;3&lt;/a&gt;
   &lt;p&gt;2&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So</p>
  
  <p><code>$('div &gt; p')</code></p>
  
  <p>or</p>
  
  <p><code>$('div').children('p')</code></p>
  
  <p>?</p>