title: Jquery : Hide all children, and their children and etc... of a tag
body: <p>I'm making a game in DOM (javascript + jquery) and I need to switch stages, for that I need to hide all from one stage, and show all of a new one. The showing part is easy cuz I'm creating new stuff. But I'd like a clean way of finding every last single child of a div, all his descendance, cousin, niece I don't care, and hide them. To show that in code something like :</p>
  
  <pre><code>while (child = $(this).hasChildren)
  {
    child.hide();
  }
  </code></pre>
  
  <p>Instead of something like that :</p>
  
  <pre><code>$(this.id).children().children().children().hide();
  $(this.id).children().children().hide();
  $(this.id).children().hide()
  $(this.id).hide();
  </code></pre>
  
  <p>The goal is to hide his children, and his children's children, and so on.
  I hope I'm not too confusing.
  Thanks in advance for the answers!</p>
  
  <p>EDIT: for someone that doesn't want to hide the children, but access them all, and you can't use .find("*") then answer number two might be more adapted for you (the one from Rajan Goswami).</p>