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

Question

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

$().click(fn) 

contro utilizzando il metodo bind

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

Oltre parametro dati opzionale di bind.

Answer 1

Per quello che vale, dal jQuery source:

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'è alcuna differenza -

$().click(fn) 

chiamate

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

Answer 2

C'è una differenza in quanto è possibile associare eventi personalizzati utilizzando il secondo modulo che si possiede. Altrimenti, sembrano essere sinonimi. Vedere: jQuery Event Docs

Answer 3

+1 la risposta di Matteo , ma ho pensato che dovrei menzionare che puoi anche legare più di un evento h andler in una sola volta utilizzando bind

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

che è il molto più pulito equivalente a:

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

Answer 4

C'è il [i dati] parametro di BIND che avverrà solo in bind-tempo, una volta.

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

Answer 5

Se disponi di Google Chrome, i relativi strumenti per sviluppatori dispongono di uno strumento listener di eventi, seleziona l'elemento che desideri spiare per l'evento.

Troverete che provare entrambi i modi portano allo stesso risultato, quindi sono equivalenti.

Answer 6

preferisco .bind() causa della sua consistenza dell'interfaccia con .Live(). Non solo rende il codice più leggibile, ma rende più semplice cambiare una riga di codice per utilizzare un metodo anziché l'altro.

Answer 7

Trovo che il .click() sia molto più logico, ma suppongo che sia come pensi alle cose.

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

Sembra essere praticamente semplice come si ottiene.