title: Difference between :hidden and :not(:visible) in jQuery
body: <p>I know that both jQuery selectors match elements that are not visible (<code>width</code> or <code>height</code> equal to 0, <code>display: none</code>, parent with <code>display: none</code>), and I believe it is implied they should yield the same result in <a href="http://api.jquery.com/hidden-selector/">the</a> <a href="http://api.jquery.com/visible-selector/">docs</a>.</p>
  
  <p>For readability reasons, I would rather use <code>:hidden</code> but I want to know:</p>
  
  <ul>
  <li>Are there any potential pitfalls that I should consider?</li>
  <li>Will I always get the exact same result?</li>
  <li>Which option has better performance?</li>
  </ul>