ventajas jQuery/diferencias en .trigger() vs .click()

Question

En términos de rendimiento, ¿cuáles son las ganancias (o sólo diferencias) entre:

$('.myEl').click(); 

y

$('.myEl').trigger('click'); 

¿Hay en absoluto?

Answer 1

This is the code for the click method:

jQuery.fn.click = function (data, fn) { 
    if (fn == null) { 
     fn = data; 
     data = null; 
    } 

    return arguments.length > 0 ? this.on("click", null, data, fn) : this.trigger("click"); 
} 

como se puede ver; si no se pasan argumentos a la función, activará el evento click.

---

El uso de .trigger("click") llamará a una función menos.

Y como @Sandeep señaló en su answer.trigger("click") es más rápido:

---

As of 1.9.0 the check for data and fn has been moved to the .on function:

$.fn.click = function (data, fn) { 
    return arguments.length > 0 ? this.on("click", null, data, fn) : this.trigger("click"); 
} 

Answer 2

Comprobar http://api.jquery.com/click/:

En la tercera variación, cuando .click() es llamado sin argumentos, que es un atajo para .trigger ("clic").

Parece que son lo mismo.

Answer 3

para el tipo de rendimiento. Compruebe aquí ... http://jsperf.com/trigger-vs-not-trigger Ambos son casi lo mismo ... haga clic en() es la abreviatura de desencadenador ('clic').

Answer 4

Creo que

$('.myEl').trigger('click'); 

es mejor, ya que le ahorra una llamada de función, $('.myEl').click(); solo las llamadas que Funciton. Mirar el código fuente de jQuery

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

    // Handle event binding 
    jQuery.fn[ name ] = function(data, fn) { 
     if (fn == null) { 
      fn = data; 
      data = null; 
     } 

     return arguments.length > 0 ? 
      this.on(name, null, data, fn) : 
        //here they call trigger('click'); if you provide no arguments 
      this.trigger(name); 
    }; 

    if (jQuery.attrFn) { 
     jQuery.attrFn[ name ] = true; 
    } 

    if (rkeyEvent.test(name)) { 
     jQuery.event.fixHooks[ name ] = jQuery.event.keyHooks; 
    } 

    if (rmouseEvent.test(name)) { 
     jQuery.event.fixHooks[ name ] = jQuery.event.mouseHooks; 
    } 
});