title: What is faster in jQuery?
body: <p>If you have these elements:</p>
  
  <pre><code>&lt;div id="articles"&gt;
      &lt;article id="post-100" class="something"&gt;&lt;/article&gt;
      &lt;article id="post-200" class="something"&gt;&lt;/article&gt;
      &lt;article id="post-300" class="something"&gt;&lt;/article&gt;
      &lt;article id="post-400" class="something"&gt;&lt;/article&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Which would be technically better in terms of speed to find the elements and then manipulate them?</p>
  
  <pre><code>var articles = $('#articles');
  
      articles.find('.something.').addClass('another-class');
  
      // or
  
      articles.find('[id^=po]').addClass('another-class');
  
      // or
  
      articles.children().addClass('another-class');
  </code></pre>
  
  <p>I have a rather large number of elements of "article" type and I need to select them all, and was wondering which would be best to use?</p>