lợi thế jQuery/khác biệt trong .trigger() vs .click()

Question

Xét về hiệu suất, lợi ích (hoặc chỉ cần chênh lệch) giữa là gì:

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

và

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

Có Bất kỳ ở tất cả?

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

như bạn có thể nhìn thấy; nếu không có đối số nào được truyền cho hàm, nó sẽ kích hoạt sự kiện nhấp chuột.

---

Sử dụng .trigger("click") sẽ gọi một hàm ít hơn.

Và như @Sandeep chỉ ra trong mình answer.trigger("click") là nhanh hơn:

---

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

Kiểm tra http://api.jquery.com/click/:

Trong biến thể thứ ba, khi .click() được gọi là không có đối số, nó là một phím tắt cho .trigger ("click").

Có vẻ như chúng giống nhau.

Answer 3

cho loại hiệu suất. Kiểm tra ở đây .. http://jsperf.com/trigger-vs-not-trigger Cả hai đều gần như giống nhau ... click() là viết tắt của trình kích hoạt ('bấm').

Answer 4

tôi nghĩ rằng

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

là tốt hơn bởi vì nó giúp bạn tiết kiệm một cuộc gọi chức năng như $('.myEl').click(); chỉ gọi funciton đó. Nhìn vào mã nguồn từ 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; 
    } 
});