Which one is better performance to use for .click in the below list
<blockquote>
  <p>Please vote for me which one in the below list is better?</p>
</blockquote>

<p>I have HTML:</p>

<pre><code>&lt;div id="container"&gt;
    &lt;button class="btn"&gt;Click Here 1&lt;/button&gt;
    &lt;button class="btn"&gt;Click Here 2&lt;/button&gt;
    &lt;button class="btn"&gt;Click Here 3&lt;/button&gt;
    &lt;button class="btn"&gt;Click Here 4&lt;/button&gt;
    &lt;button class="btn"&gt;Click Here 5&lt;/button&gt;
    &lt;button class="btn"&gt;Click Here 6&lt;/button&gt;
    &lt;!-- A lot of buttons --&gt;
    &lt;button class="btn"&gt;Click Here n - 2&lt;/button&gt;
    &lt;button class="btn"&gt;Click Here n - 1&lt;/button&gt;
    &lt;button class="btn"&gt;Click Here n&lt;/button&gt; 
&lt;/div&gt;
</code></pre>

<p>And Javascript with jQuery is:</p>

<h3>Case 1.1:</h3>

<pre><code>$(".btn").click(function(e){
    //@todo something here
});
</code></pre>

<h3>Case 1.2:</h3>

<pre><code>var doSomething = function(e)
{
    //@todo something here
}
$(".btn").click(doSomething);
</code></pre>

<h3>Case 2:</h3>

<pre><code>$("#container").click(function(e){
    if( $(e.target).is(".btn") )
    {
        //@todo something here
    }
});
</code></pre>

<p>I am confused a litle bit what are different between them?</p>
