JQueryとプロトタイプの競合を回避する方法

Question

ページにJQueryとPrototypeの両方がある場合、競合が発生します。競合がないようにJQueryの$ signを無効にするオプションがありますが、$の代わりにキーワードJQueryを使用する必要があります。

この競合を解決するためのPrototypeのオプションがあるのだろうかと思います。彼らの利益や短いキーワードを妥協することなく、両方のライブラリを使用する方法はありますか？

私が知る限り、同じページに複数のJSライブラリを使用することはお勧めできません。時には役に立つかもしれません。

Answer 1

jQueryのnoConflictメソッドを使用して、新しい（短い）変数に割り当てます。新しい変数は、$ for jQueryを使用したときはいつでも使用してください。

var $j = jQuery.noConflict(); 

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

か、あなたはプロトタイプ/ jQueryのを混在させる必要がない場合は、匿名関数であなたのjQueryコードのすべてをラップすることができます。

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

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