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

Quando si utilizza jQuery per collegare un gestore di eventi, c'è qualche differenza tra l'utilizzo del metodo click

$().click(fn)

rispetto all'utilizzo del metodo bind

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

Diverso dal parametro dati facoltativo di bind.

Per quello che vale, dalla fonte 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);
    };
});

Quindi no, non c'è differenza -

$().click(fn)

chiamate

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

+1 per la risposta di Matthew, ma ho pensato di dover menzionare che puoi anche associare più di un gestore di eventi in una volta usando bind

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

che è l'equivalente molto più pulito di:

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

C'è una differenza nel fatto che puoi associare eventi personalizzati utilizzando il secondo modulo che hai. Altrimenti, sembrano essere sinonimi. Vedi: jQuery Event Docs

C'è il parametro [data] di bind che si verificherà solo al momento del bind, una volta.

È inoltre possibile specificare eventi personalizzati come primo parametro di bind.

Trovo che .click () sia molto più logico, ma immagino che sia il modo in cui pensi alle cose.

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

Sembra essere semplicissimo quanto ti sembra.

Se hai Google Chrome, i loro strumenti per sviluppatori dispongono di uno strumento di ascolto degli eventi, seleziona l'elemento che desideri spiare il suo evento.

Scoprirai che provare in entrambi i modi porta allo stesso risultato, quindi sono equivalenti.

Preferisco .bind () per la coerenza dell'interfaccia con .live () . Non solo rende il codice più leggibile, ma semplifica la modifica di una riga di codice per utilizzare un metodo invece dell'altro.