jQuery: $().click(fn) vs. $().bind('click',fn);

Question

Wenn Sie jQuery verwenden, um einen Event-Handler zu verbinden, gibt es einen Unterschied zwischen der Verwendung der Click-Methode

$().click(fn)

gegenüber der Bindungsmethode

$().bind('click',fn);

Anders als der optionale Datenparameter von bind.

Answer 1

Für was es wert ist, von der jQuery-Quelle :

jQuery.each( ("blur,focus,load,resize,scroll,unload,click,dblclick," +
    "mousedown,mouseup,mousemove,mouseover,mouseout,mouseenter,mouseleave," +
    "change,select,submit,keydown,keypress,keyup,error").split(","), function(i, name){

    // Handle event binding
    jQuery.fn[name] = function(fn){
        return fn ? this.bind(name, fn) : this.trigger(name);
    };
});

Also nein, es gibt keinen Unterschied -

$().click(fn)

ruft auf.

$().bind('click',fn)

Answer 2

+1 für Matthew's Antwort, aber ich dachte, ich sollte erwähnen, dass Sie auch mehr als einen Ereignishandler in einem gehen mit binden können bind

$('#myDiv').bind('mouseover focus', function() {
    $(this).addClass('focus')
});

was das viel sauberere Äquivalent zu ist:

var myFunc = function() {
    $(this).addClass('focus');
};
$('#myDiv')
    .mouseover(myFunc)
    .focus(myFunc)
;

Answer 3

Ein Unterschied besteht darin, dass Sie mit dem zweiten Formular benutzerdefinierte Ereignisse binden können. Ansonsten scheinen sie synonym zu sein. Siehe: jQuery Ereignis-Dokumente

Answer 4

Es gibt den [data]-Parameter von bind, der nur einmal zur Bindungszeit auftritt.

Sie können auch benutzerdefinierte Ereignisse als ersten Parameter von bind angeben.

Answer 5

Ich finde die .click() ist viel logischer, aber ich denke, es ist, wie Sie die Dinge denken.

$('#my_button').click(function() { alert('BOOM!'); });

Das scheint so einfach zu sein, wie es nur geht.