डिफ़ॉल्ट jQuery चयनकर्ता संदर्भ ओवरराइड

Question

मैं फ़ायरफ़ॉक्स एक्सटेंशन के अंदर jQuery का उपयोग करने की कोशिश कर रहा हूं, और वास्तव में एक्सयूएल फ़ाइल के संदर्भ के विपरीत वर्तमान पृष्ठ के डीओएम में हेरफेर करने के लिए jQuery का उपयोग करना चाहता हूं। इस प्रकार, मैं अपनी एक्सयूएल फ़ाइल में jQuery लोड करता हूं, और इसे अपनी कुछ स्क्रिप्ट्स को एक सैंडबॉक्स में पास करता हूं (Greasemonkey एक्सटेंशन कंपाइलर http://arantius.com/misc/greasemonkey/script-compiler का उपयोग करके)। चूंकि jQuery को डीओएम पृष्ठ से लोड नहीं किया गया था, इसलिए मैं इसे अपने चयनकर्ता संदर्भ को पृष्ठ डीओएम पर हमेशा jQuery कॉल में पास करने के बजाय सेट करना चाहता हूं।

मैंने How to use jQuery in Firefox Extension पर समाधान का पालन किया और यह लगभग जो भी मैं चाहता हूं उसे प्राप्त करता हूं।

jQuery.noConflict(); 
$ = function(selector,context){ return new jQuery.fn.init(selector,context||example.doc); }; 
$.fn = $.prototype = jQuery.fn; 

मैं jQuery() फ़ंक्शन पर कॉल करने में सक्षम हूं, और पृष्ठ DOM संदर्भ के रूप में उपयोग किया जाएगा। हालांकि, मैं jQuery.trim जैसे कार्यों का उपयोग नहीं कर सकता क्योंकि उनको परिभाषित नहीं किया गया है।

मैं समाधान

$.fn = $.prototype = jQuery.fn; 

मेरे अपने jQuery वस्तु jQuery प्रोटोटाइप सभी गुणों की वारिस दूँगी से इस लाइन में सोचा है, लेकिन यह जाहिरा तौर पर नहीं करता है।

एक वेनिला jQuery ऑब्जेक्ट दें, मैं सभी jQuery कार्यों को संरक्षित करते समय चयनकर्ता संदर्भ के रूप में किसी निश्चित तत्व का उपयोग करने के लिए इसे फिर से परिभाषित कैसे करूं?

Answer 1

.trim(), .ajax() आदि स्थिर तरीके हैं, जिसका अर्थ है कि वे jQuery कन्स्ट्रक्टर से बंधे हैं और यह प्रोटोटाइप नहीं है।

jQuery.noConflict(); 
$ = function(selector,context){ return new jQuery.fn.init(selector,context||example.doc); }; 
$.fn = $.prototype = jQuery.fn; 
jQuery.extend($, jQuery); // copy's trim, extend etc to $ 

हालांकि एक शायद अच्छा तरीका jQuery बरकरार छोड़ने के लिए और निम्न करने के लिए है:

var fromDoc = $(document); 
// and if you want to find stuff: 
fromDoc.find('div').doSomething(); 
fromDoc.find('.someClass').doSomethingElse(); 

यह भी संदर्भ मैन्युअल रूप से प्रत्येक क्वेरी के साथ अब और सेट करने की आवश्यकता नहीं करता है के बाद से एक अनुकूलन है।

Answer 2

यह निर्माता अधिभावी है ऐसा करने का एक और तरीका है:

var initjQuery = jQuery.fn.init; 
$.fn.init = function(s,c,r) { 
    c = c || window.document; 
    return new initjQuery(s,c,r); 
}; 

Answer 3

var jQueryInit = $.fn.init; 

$.fn.init = function(arg1, arg2, rootjQuery){ 
    arg2 = arg2 || window.document; 
    return new jQueryInit(arg1, arg2, rootjQuery); 
};