jQuery.noConflict() [jquery/prototype.js]
jQuery.noConflict()は、jQueryとprototype.jsを共存させるために宣言するメソッドです。
jQueryには、$()関数がありますが、prototype.jsにも同じ関数が存在しています。そこで、二つのライブラリーを共存させる為には、jQuery.noConflict()を最初に宣言します。この場合、jQueryの$()関数は、jQuery()で記述するようにします。
[サンプル]
jQueryとprototype.jsの共存の例
HTML
<div id="prototype">prototype.jsで書き換えます。</div> <div id="jquery">jQueryで書き換えます。</div>
JavaScript
jQuery.noConflict();
jQuery(function(){
$("prototype").innerHTML="prototype.jsで書き換えました。";
jQuery("#jquery").html("jQueryで書き換えました。");
});
（注意）JavaScriptファイルを読み込む場合は、prototype.js、jquery.jsの順番に読み込んでください。
jquery()と書くのが長すぎるという方は、以下のようにして別名を定義することができます。
var $j = jQuery.noConflict();
$j(document).ready(function(){
//ここに$（）関数の代わりに$j()関数が使えるようになります。
});
Loading ...
