What is the difference between $("*", $("#container1")) and $("#container2").find("*")?
<p>What is the difference between <code>$("*", $("#container1"))</code> and <code>$("#container2").find("*")</code>?. 
I usually use AA, but not well in that case can be more ultil the odd.</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script language="JavaScript"&gt;
$(function(){

    var endTime = 0, iniTime = 0, counter = 0;

    iniTime = (new Date()).getTime();
    $("*", $("#container1")).each(function()
    {
     counter++;
    });
    endTime = (new Date()).getTime();

    $("#result").append("&lt;div&gt;Container enviroment -&gt; "+counter+" "+(endTime-iniTime)+"&lt;/div&gt;");

    endTime = 0; iniTime = 0; counter = 0;
    iniTime = (new Date()).getTime();
    $("#container2").find("*").each(function()
    {
     counter++;
    });
    endTime = (new Date()).getTime();

    $("#result").append("&lt;div&gt;Find method -&gt; "+counter+" "+(endTime-iniTime)+"&lt;/div&gt;");

});

&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div id="result"&gt;&lt;/div&gt;
    &lt;div id="container1"&gt; 
     &lt;span&gt;&lt;/span&gt;...
        &lt;/div&gt;
    &lt;div id="container2"&gt; 
     &lt;span&gt;&lt;/span&gt;...
    &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;

Result:

IE8
Container enviroment -&gt; 9752 282
Find method -&gt; 9752 296

Chrome 4.0
Container enviroment -&gt; 9752 65
Find method -&gt; 9752 66

Firefox
Container enviroment -&gt; 9752 135
Find method -&gt; 9752 125

Safari
Container enviroment -&gt; 9752 46
Find method -&gt; 9752 51
</code></pre>
