How useful are delegates?

Question

I have two handlers for the mouseover function, I would like to know what the difference is and how to use each of them in the most efficient way.

The code block is one:

$('.test div').mouseover(function() {
                    $(this).stop().animate({
                        left: '100px'
                    }, 550);
});

Code block two:

$('.test').delegate('div', 'mouseover', function() {
                    $(this).stop().animate({
                        left: '100px'
                    }, 550);
                }); 

Thanks in advance:)

Answer 1

.delegate()attaches one event handler mouseoverper element .test, and not each .test div, and in the future <div>elements work that are added inside those .testelements that you named .delegate()on.

<div> .test ( AJAX, ), . , , .delegate(), , / .

Answer 2

: http://api.jquery.com/delegate/

, "" , , . :

    $('.test div').live('mouseover', function() {
                        $(this).stop().animate({
                            left: '100px'
                        }, 550);

, div, , .test, . live $(

live() delegate() , , , , .

Answer 3

Delegates attach one or more events for all elements matching the selector, now or in the future, to a specific set of root elements.

Taken from jQuery API

Answer 4

From what I know about the delegate, it is that it allows you to modify Event.target. So let me say that your Element is clicked, you can re-target the DIV.