HOME > jQuery, prototype.js > jQuery.noConflict() [jquery/prototype.js]

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()関数が使えるようになります。
});
ブックマーク登録: add to hatena hatena.comment 4 users add to del.icio.us 0 user add to livedoor.clip 0 user
1 Star2 Stars3 Stars4 Stars5 Stars (5 votes, average: 5 out of 5)
Loading ... Loading ...
『WEBサイト制作者に役立つメルマガ』発行!