what is the best practice to do the following using jquery/javascript?
<p>So I am just trying to add some functions to hover. the below does about the same thing except the one with the for loop i have the target stored in an array. I actually have a few questions.</p>

<ol>
<li>is this the correct use of stopPropagation?</li>
<li>what's the best practice for doing something like this? </li>
<li>which one of the below method is faster and uses less resources?</li>
<li>I know I can use hover() but I used bind because I thought it is faster, is my thinking correct?</li>
</ol>

<p>thank you</p>

<pre><code>    for (var i in slides) {
        $(slides[i].el).bind( {
            mouseenter: function (event) {
                event.stopPropagation();
                // do something
            },
            mouseleave: function (event) {
                event.stopPropagation();
                //do something
            }
        });
    }

    $("#vehicleSlides .vehicleAreas").bind( {
        mouseenter: function (event) {
            event.stopPropagation();
            // do something
        },
        mouseleave: function (event) {
            event.stopPropagation();
            //do something
        }
    });
</code></pre>
