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

W przypadku korzystania z jQuery do podłączenia modułu obsługi zdarzeń istnieje różnica między używaniem metody click

$().click(fn)

w porównaniu z metodą bind

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

Inny niż opcjonalny parametr danych wiązania.

Za co warto, ze źródła jQuery :

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);
    };
});

Więc nie, nie ma różnicy -

$().click(fn)

wezwania

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

+1 za odpowiedź Matthew, ale pomyślałem, że powinienem wspomnieć, że możesz również powiązać więcej niż jedną procedurę obsługi zdarzeń za jednym razem, używając bind

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

co jest znacznie czystszym odpowiednikiem:

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

Jest jedna różnica polegająca na tym, że zdarzenia niestandardowe można wiązać przy użyciu drugiego posiadanego formularza. W przeciwnym razie wydają się być synonimami. Zobacz: jQuery Event Docs

Istnieje parametr [data] wiązania, który pojawi się tylko raz w czasie wiązania.

Możesz również określić zdarzenia niestandardowe jako pierwszy parametr bind.

Uważam, że .click () jest o wiele bardziej logiczne, ale wydaje mi się, że tak właśnie myślisz.

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

Wydaje się być tak proste, jak to tylko możliwe.

Jeśli masz Google Chrome, ich narzędzia programistyczne mają narzędzie do nasłuchiwania zdarzeń, wybierz element, który chcesz śledzić jego zdarzenie.

Przekonasz się, że wypróbowanie obu sposobów prowadzi do tego samego wyniku, więc są one równoważne.

Preferuję .bind () ze względu na jego spójność interfejsu z .live () . Nie tylko sprawia, że ​​kod jest bardziej czytelny, ale także ułatwia zmianę wiersza kodu tak, aby używał jednej metody zamiast drugiej.