jQuery लाभ /() .click बनाम() .trigger में मतभेद

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

जैसा कि आप देख सकते हैं; यदि फ़ंक्शन में कोई तर्क पारित नहीं किया गया है तो यह क्लिक ईवेंट ट्रिगर करेगा।

---

.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

प्रदर्शन प्रकार के लिए। चेक करें .. http://jsperf.com/trigger-vs-not-trigger दोनों लगभग समान हैं ... क्लिक करें() ट्रिगर ('क्लिक') का लघुरूप है।

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