可编程地在jquery库和第三方库之间切换

Question

我们正在使用第三方java脚本库的功能，如拖放，日历等。现在我们计划移动到jQuery的这些控件和效果。

第三方使用像jQuery这样的$(DOMElement)将扩展方法添加到控件中(比如将文本框转换为日历)。jQuery也使用相同的语法。

我们不会将第三方库完全替换为jQuery。因此，在某些地方，$(元素)应该引用第三方库，而在同一页面中的某些地方，它应该引用jQuery。

有没有办法以编程方式指定$(元素)应该引用哪个库。

提前谢谢..

Answer 1

您可以使用jQuery noConflict()，但只将jQuery赋值给其他函数的工作会更少

所以使用jQuery('.item')而不是$('.item')

如果你想保持简短：

var x = {};
x.query = jQuery.noConflict(true);

然后继续你的快乐之路

x('.item')

Answer 2

像这样使用jQuery.noConflict();。

jQuery.noConflict();
(function($) {
    $(function() {
        // more code using $ as alias to jQuery
    });
})(jQuery);

$只是jQuery对象的别名。所以，你也可以这样做。

jQuery.noConflict();
// Do something with jQuery
jQuery("div p").hide();
// Do something with another library's $()
$("content").style.display = 'none';