jquery find() method
<p>Please consider the following code :</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;style&gt;

 p{ width:200px;  }

 &lt;/style&gt;
&lt;head&gt;
  &lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;p&gt;&lt;span&gt;Hello&lt;/span&gt;, how are you?&lt;/p&gt;
&lt;p&gt;Me? I'm &lt;span&gt;good&lt;/span&gt;.&lt;/p&gt;
&lt;script&gt;
    $(document).ready(function(){$("p").find($("*")).andSelf().css("background-  color","blue"); });
  &lt;/script&gt;

 &lt;/body&gt;
 &lt;/html&gt;
</code></pre>

<p>The output is the whole document turning into blue color while I only wanted the    paragraph and span inside it to turn blue. </p>

<p>If I use <code>$("p").find(" * ") instead of $("p").find($(" * "))</code> then everything shows according to my need. Can anyone work out the difference between the two approach?Thanks!</p>

<p><strong>Note:</strong> Please everyone note that I know there are easier methods to do this stuff,but I just want to know why this didn't work..</p>
