JQueryとmootoolsの共存 

完全に他サイトのコピペ。

ライブラリを読み込む順番が重要で、順番通りに書かないとエラーで動作しなくなるようだ。指定の順番は、jQuery→jQuery.noConflict()→Mootools

これで動作するようになるとのこと。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
<!--
jQuery.noConflict();
-->
</script>
<script type="text/javascript" src="mootools.js"></script>

そして、jQueryを使うときの注意で、いつものように$(“div”)のような指定をしていると、
エラーが起きて使えなくなる。そのまま使いうためには、$()をjQuery()という書き方にしないと使えない。

しかし、そのまま使うのも面倒なので、jQueryを変数に代入して簡単に使えるようにする。そのための記述を先ほどの記述に加える。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
<!--
jQuery.noConflict();
var j$ = jQuery;
-->
</script>
<script type="text/javascript" src="mootools.js"></script>

こうすることで、$()では使えないが、j$()で使う事ができるようになる。