Ignora il contesto di selettore jQuery predefinito

Question

Sto provando a utilizzare jQuery in un'estensione di Firefox e in realtà voglio utilizzare jQuery per manipolare il DOM della pagina corrente, in contrapposizione al contesto del file XUL. Così, carico jQuery nel mio file XUL e lo passo ad alcuni dei miei script in una sandbox (usando il compilatore di estensione Greasemonkey http://arantius.com/misc/greasemonkey/script-compiler). Poiché jQuery non è stato caricato con il DOM della pagina, voglio impostare il suo contesto di selezione sul DOM della pagina invece di passarlo sempre nelle chiamate jQuery.

Ho seguito la soluzione a How to use jQuery in Firefox Extension e quasi raggiunge quello che voglio.

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

Sono in grado di effettuare chiamate alla funzione jQuery() e il DOM della pagina verrà utilizzato come contesto. Tuttavia, non posso usare funzioni come jQuery.trim come quelle non definite.

ho pensato questa linea dalla soluzione

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

lascerà il mio oggetto jQuery eredita tutte le proprietà prototipo di jQuery, ma a quanto pare non è così.

Fornire un oggetto jQuery vanilla, come ridefinirlo per utilizzare un determinato elemento come contesto di selezione, mantenendo tutte le funzioni jQuery?

Answer 1

.trim(), .ajax() ecc. Sono metodi statici, ovvero sono associati al costruttore jQuery e non al suo prototipo.

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 $ 

Tuttavia un modo forse piacevole è quello di lasciare intatto e jQuery effettuare le seguenti operazioni:

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

Questa è anche un'ottimizzazione poiché il contesto Non deve essere impostato manualmente più con ogni query.

Answer 2

Un altro modo di farlo è prevalente il costruttore:

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