如何避免JQuery和Prototype之间的冲突

Question

如果页面同时包含JQuery和Prototype，那么我就会遇到冲突。 有一个选项可以禁用JQuery的$ sign，所以没有冲突但是，我必须使用关键字JQuery而不是$。

我想知道Prototype是否有任何选择来解决这个冲突。 有没有办法在不损害其利益或短关键字的情况下使用这两个库？

据我所知，对同一页面使用多个JS库并不是一个好主意; 但有时可能会有所帮助。

Answer 1

对jQuery使用noConflict方法并将其分配给新的（短）变量。 无论你在哪里使用$ for jQuery，都要使用新变量。

var $j = jQuery.noConflict();

$j(function() {
    $j('#selector').each( .... );
});

或者，如果您不需要混合Prototype / jQuery，您可以将所有jQuery代码包装在匿名函数中。

(function($) {
    // $ sign here is a parameter, which is set to jQuery 

    $(function() {
        $('#selector').each( .... );
    });
})(jQuery);