Standard-jQuery-Selektor-Kontext überschreiben

Question

Ich versuche, jQuery in einer Firefox-Erweiterung zu verwenden, und möchte jQuery verwenden, um das DOM der aktuellen Seite im Gegensatz zum Kontext der XUL-Datei zu bearbeiten. Daher lade ich jQuery in meine XUL-Datei und übergebe sie an einige meiner Skripte in einer Sandbox (mit dem Greasemonkey-Extension-Compiler http://arantius.com/misc/greasemonkey/script-compiler). Da jQuery nicht mit dem Seiten-DOM geladen wurde, möchte ich seinen Auswahlkontext auf das Seiten-DOM setzen, anstatt es immer in jQuery-Aufrufe zu übergeben.

Ich folgte der Lösung bei How to use jQuery in Firefox Extension und es erreicht fast, was ich will.

Ich bin in der Lage, Aufrufe der jQuery() -Funktion zu machen, und die Seite DOM wird als Kontext verwendet. Allerdings kann ich Funktionen wie jQuery.trim nicht verwenden, da diese nicht definiert sind.

dachte ich diese Zeile aus der Lösung

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

mein eigenes jQuery-Objekt erbt alle der jQuery Prototyp Eigenschaften, aber es offenbar nicht lassen.

Geben Sie ein Vanille-jQuery-Objekt, wie definiere ich es neu, um ein bestimmtes Element als Selektorkontext zu verwenden, während alle jQuery-Funktionen beibehalten werden?

Answer 1

.trim(), .ajax() usw. sind statische Methoden, was bedeutet, dass sie an den jQuery-Konstruktor und nicht an dessen Prototyp gebunden sind.

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 $ 

jedoch eine vielleicht nette Weise ist jQuery intakt und gehen Sie wie folgt zu verlassen:

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

Dies ist auch eine Optimierung, da der Kontext muß nicht mehr manuell mit jeder Abfrage festgelegt werden müssen.

Answer 2

Eine andere Möglichkeit, es zu tun mit dem Konstruktor überschreibt:

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