Ghi đè ngữ cảnh chọn jQuery mặc định

Question

Tôi đang cố gắng sử dụng jQuery bên trong phần mở rộng của Firefox và thực sự muốn sử dụng jQuery để thao tác DOM của trang hiện tại, trái ngược với ngữ cảnh của tệp XUL. Vì vậy, tôi tải jQuery trong tệp XUL của tôi và chuyển nó cho một số tập lệnh của tôi trong một hộp cát (sử dụng trình biên dịch mở rộng Greasemonkey http://arantius.com/misc/greasemonkey/script-compiler). Vì jQuery không được nạp với DOM trang, tôi muốn đặt ngữ cảnh chọn của nó thành DOM trang thay vì luôn chuyển nó vào các cuộc gọi jQuery.

Tôi đã làm theo giải pháp tại How to use jQuery in Firefox Extension và nó gần như đạt được những gì tôi muốn.

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

Tôi có thể thực hiện cuộc gọi đến hàm jQuery() và DOM trang sẽ được sử dụng làm ngữ cảnh. Tuy nhiên, tôi không thể sử dụng các hàm như jQuery.trim vì chúng không được định nghĩa.

Tôi nghĩ dòng này từ dung dịch

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

sẽ cho phép đối tượng jQuery riêng tôi thừa hưởng tất cả các đặc tính nguyên mẫu jQuery, nhưng nó dường như không.

Cho đối tượng jQuery vanilla, làm thế nào để xác định lại nó để sử dụng một phần tử nhất định làm ngữ cảnh chọn, trong khi vẫn giữ lại tất cả các hàm jQuery?

Answer 1

.trim(), .ajax() vv là các phương thức tĩnh, có nghĩa là chúng được liên kết với hàm tạo jQuery chứ không phải nguyên mẫu của nó.

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 $ 

Tuy nhiên một cách có lẽ đẹp là để lại jQuery còn nguyên vẹn và làm như sau:

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

Đây cũng là một tối ưu hóa từ bối cảnh doesnt phải được thiết lập bằng tay nữa với mỗi truy vấn.

Answer 2

Một cách khác để làm việc đó là trọng các nhà xây dựng:

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