JQuery преимущества/различия в .trigger() против .click()

Question

С точки зрения производительности, каковы доходы (или просто различия) между:

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

и

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

Есть любой вообще?

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

как вы можете видеть; если аргументы не передаются функции, это вызовет событие click.

---

Использование .trigger("click") вызовет еще одну функцию.

И как @Sandeep отметил в своем answer.trigger("click") быстрее:

---

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

Проверить http://api.jquery.com/click/:

В третьем варианте, когда .click() вызывается без аргументов, она ярлык для .trigger ("щелчок").

Кажется, что они такие же.

Answer 3

для вида производительности .check здесь. http://jsperf.com/trigger-vs-not-trigger Оба почти такие же ... click() является сокращением триггера ('click').

Answer 4

я думаю, что

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

лучше, потому что это экономит вам вызов функции, как $('.myEl').click(); просто вызывает эту Funciton. Посмотрите на код из исходного кода 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; 
    } 
});